/* =====
Designer:	"BlueW";
Site:	"http://www.codeysworld.org/";
Path:	"./ragnarok/";
File:	"ragnarok-styles.css";
Date: "2007-07-19";
History: 
	{
	Date: "2007-07-19";
	Date:	"2006-01-01";
	Date:	"2006-12-28";
	}
===== */

/*
Relative font-size: 
Default point sizes BUT user-scalable. 
Supports screen, print, presentation, and low-vision needs.
400.00% = 48pt; 
300.00% = 36pt;
200.00% = 24pt; // xx-large;
150.00% = 18pt; // x-large;
116.67% = 14pt; // large;
100.00% = 12pt; // medium;
 83.33% = 10pt; // small;
 66.67% =  8pt; // x-small;
 50.00% =  6pt; // xx-small;
*/

/* ----- For Reference - NOT CSS2 OR CSS3 - Pseudocode ----- */
/*

@_color-list "ragnarok-colors" {
	#000000 rgb(   0,   0,   0 ) "css3:black";
	#404040 rgb(  64,  64,  64 ) "mars:charcoal";
	#808080 rgb( 128, 128, 128 ) "css3:gray";
	#C0C0C0 rgb( 192, 192, 192 ) "css3:silver";
	#FFFFFF rgb( 255, 255, 255 ) "css3:white";
	#D4AC81 rgb( 212, 172, 129 ) "awed:mars-sand";
	#753842 rgb( 117,  56,  66 ) "awed:mars-rose";
	#30171B rgb(  48,  23,  27 ) "awed:mars-dusk";
	#FF5500 rgb( 255,  85,   0 ) "mars:mars-rust";
	#FF8E55 rgb( 255, 142,  85 ) "mars:mars-rust-tint";
	#00AAFF rgb(   0, 170, 255 ) "mars:mars-teal";
	#55C6FF rgb(  85, 198, 255 ) "mars:mars-teal-tint";
} // @_color-list "ragnarok-colors"; 

*/

/* Font Declarations */
@font-face {
	font-family: "Arial Unicode MS";
	panose-1: 2 11 6 4 2 2 2 2 2 4;
}

body {
	background-color: black; 
	color: silver; 
	font-family: "Arial", "Helvetica", sans-serif; 
	font-size: medium; 
	text-align: left;
}

p, blockquote, ol, ul, li, dl, dt, dd {
	background: transparent; 
	color: silver; 
	font-family: "Arial", "Helvetica", sans-serif; 
	font-size: medium; 
}

.hSubtitle, 
h1, h2, h3, h4, h5, h6 { 
	background: transparent;
	color: #D4AC81;
	font-family: "Stencil", sans-serif; 
	text-align: center; 
	margin-top: 6pt;
	margin-bottom: 6pt;
}
h1 { font-size: 400.00%; }
h2 { font-size: xx-large; }
h3 { font-size: x-large; }
h4 { font-size: large; }
h5 { font-size: medium; }
h6 { font-size: small; }
.separator, h3.separator { 
	/* font-family: "Stencil", sans-serif; */
	font-family: "Arial", "Helvetica", sans-serif; 
	font-size: xx-large; 
}
.DateTime {
	background: transparent;
	color: #D4AC81;
	font-family: "Stencil", sans-serif; 
}

table, tr { 
	background: transparent;
	color: silver; 
}
td, th { 
	background: transparent;
	color: silver; 
	font-family: "Arial", "Helvetica", sans-serif; 
	font-size: medium; 
	vertical-align: top; 
}

a { 
	background-color: transparent; 
	/* background-image: url(images/trans-black.png); */
	color: #D4AC81; 
	font-weight: bold; 
}
a[href] { text-decoration: underline; }
a:link { 
	background-color: transparent; 
	color: #FF5500; 
}
a:visited { 
	background-color: transparent; 
	color: white; 
}
a:active, a:hover { 
	background-color: transparent; 
	color: #00AAFF; 
}

.margin0 { 
	margin-top: 0pt;
	margin-bottom: 0pt;
}
.imageCenter {
	margin: 1.0em auto;
	text-align: center;
	font-family: "Arial", "Helvetica", sans-serif; 
	font-weight: normal;
	font-style: italic;
}

/* toc - Table of Contents */

.tocTable, div.tocTable, table.tocTable {
	background-color: #753842;
	background-image: url(images/VALLEs_marineris_800.jpg);
	width: 800px;
	height: 530px;
}
table.tocTable td, table.tocTable th {
	padding: 18pt 3pt 6pt 3pt;
}
td.tocHeadings, th.tocHeadings {
	width: 50%;
}
td.tocChapters, th.tocChapters {
	width: 25%;
	/* background-image: url(images/trans-black.png); */
}
.toc, ul.toc, ol.toc {
	background: transparent;
	color: white;
	font-size: x-large;
}
.toc li, ul.toc li, ol.toc li {
	background: transparent;
	color: white;
	font-size: x-large;
}

.toc a { 
	background-color: transparent; 
	/* background-image: url(images/trans-black.png); */
	color: #D4AC81; 
	font-weight: bold; 
}
.toc a[href] { text-decoration: underline; }
.toc a:link { 
	background-color: transparent; 
	color: #FF5500; 
}
.toc a:visited { 
	background-color: transparent; 
	color: black; 
}
.toc a:active, .toc a:hover { 
	background-color: transparent; 
	color: #00AAFF; 
}

/* trail - trail or breadcrumbs up or down through file tree; */

div.trail, table.trail {
	width: 75.0%; 
	margin: 0.125in 12.5%; 
	background-color: transparent;
}
table.trail td, table.trail th {
	width: 20.0%; 
	padding: 3pt; 
	background-color: #30171B;
	font-family: "Arial", "Helvetica", sans-serif; 
	font-size: large;
	font-weight: bold;
	text-align: center;
}
div.toc-trail, table.toc-trail {
	width: 80.0%; 
	margin: 0.125in auto; 
	background-color: transparent;
}
td.toc-trail, th.toc-trail {
	width: 20.0%; 
	padding: 3pt !important; 
	background-color: #30171B;
	font-family: "Arial", "Helvetica", sans-serif; 
	font-size: large;
	font-weight: bold;
	text-align: center;
}

/* Column Definitions */

.colx4 { width: 100%; }
.colx3 { width:  75%; }
.colx2 { width:  50%; }
.colx1 { width:  25%; }

/* Page Definitions */

@page usLetter {
	size: 8.5in 11.0in; /* // 215.9mm 279.4mm; */
	margin: 1.0in 1.0in 1.0in 1.0in; /* // 254mm; */
}
div.usLetter { page: usLetter; }
@page isoA4 {
	size: 210mm 297mm; /* // 8.2677in 11.6929in; */
	margin: 254mm 254mm 254mm 254mm; /* // 1.0in; */
}
div.isoA4 { page: isoA4; }
@media print {
	div.page { page: usLetter; }
} /* // @media print */
@media screen {
	div.page { width: 80%; margin: auto auto; }
} /* // @media screen */