@charset "utf-8";
/* http://deron.meranda.us/style/base.css   -- text/css
 *
 * Primary CSS stylesheet for website http://deron.meranda.us/
*/
@namespace url(http://www.w3.org/1999/xhtml);
html {
	color: #333; background-color: #f8f4f0;
}
body {
	padding: 0;
	margin: 0;
	color: #333; background-color: #f8f4f0;
	min-width: 500px;
	font-family: sans-serif;
}
.clear {clear: both;}

/* -------------------- PAGE LOGO -------------------- */
#page-top {
        position: relative;
	color: white;
	background-color: #346;
	background-image: url(/img/site/blue-starfield-tile.png);
	background-repeat: repeat;
}
#page-header-emblem {
	//float: left;
	//position: relative; left: 0; top: 0;
	position: absolute; left: 0; top: 0;
        //display: inline-block;
	z-index: 20;
/*	border: 1px #009;*/
/*	width:148px; height:100px;*/
}
#page-header-logo {
/*   border:0; width:140px; height:100px; display: block;*/
   border:0; display: block;
}
#page-header-emblem a { /*position: relative;*/ position:absolute; }
#page-header-logo img {
/*   border:0; width:140px; height:100px; z-index:22;*/
   border:0; z-index:22;
}

/* -------------------- PAGE HEADER -------------------- */
.page-header {
	//position:relative;
	position: relative; top: 0; left: 150px;
	min-height: 75px;
	min-width: 600px; max-width: 1000px;
	padding: 7pt 1em 12pt 0;
        margin: 0;
	//border-bottom: 2px solid #88aacc;
	//color: white;
	//background-color: #346;
	//background-image: url(/img/site/blue-starfield-tile.png);
	//background-repeat: repeat;
	font-family: sans-serif;
}
/*#page-header-text { z-index: 10; }*/
img#page-header-image-overlay {
 position:absolute;
 opacity: 0.6;
 z-index: 0;
 border:0;
 bottom:0;
}
.page-title { font-size: 20pt; overflow-x: hidden; min-width:15em; display: inline-block; }
.page-subtitle { font-size: 14pt; overflow-x: hidden; }

.mobile { font-size: 18pt; }
.mobile .page-title { font-size: 32pt;  max-width: 20em; }
.mobile .page-subtitle { font-size: 24pt; }

@media print {
  .page-header {
        color: black;
        background-color: white;
        background-image: none;
  }
  .page-title { font-weight: bold;}
}
img#page-header-logo-img {
   background: url(/img/site/dp-planet2-sky.png);
   width: 140px; height: 100px;
   border: 0; padding: 0;
}
img#page-header-logo-img-nobg {
/*   background: url(/img/site/dp-planet2-sky.png);*/
   width: 131px; height: 127px;
   border: 0; padding: 0px;
}
img#page-header-logo-img:hover {
   background: url(/img/site/dp-planet2-sky2.png);
}
@media print {
  .page-header ul.nav-links { display: none; }
  .noprint { display: none; }
  .printonly { display: inline; }
}
@media screen {
  .printonly { display: none; }
}

.pagebreak { page-break-after: always; }
@media screen {
.page-header ul.nav-links {
	font-size: 10pt;
	display: block;
	list-style: none;
	float: right; position: relative;
}
.page-header .nav-links li {
	display: inline;
	list-style: none;
	padding: 0 0.5em;
}
}

@media screen {
#page-header a         { color: #ffffee; text-decoration:underline; }
#page-header a:link    { color: #ffffee; }
#page-header a:hover   { color: green; background-color: #7ac; }
#page-header a:visited { color: #ffeedd; }
#page-header-logo a:hover { background-color: inherit; }
}

/* -------------------- PAGE NAVIGATION -------------------- */
#page-header-end { position: relative; z-index: 11; left: 140px; padding: 3pt 0;}
@media print {
#page-navigation { display:none; z-index: 2; }
}
#page-navigation {
    position: absolute; bottom: 3pt; left: 48pt;
    margin: 0; border: 0; padding: 0;
    /*font-variant: small-caps;*/
    font-family: sans-serif; font-size: 9.5pt;
    color: #ddd;
    opacity: 0.5;
}
#page-navigation:hover {opacity:1.0;}
div:hover #page-navigation {opacity:1.0;}
#page-navigation ul li#page-navigation-link-secure {
  background-color: #ee5;
  color: #530;
  border: 1px dashed #888;
  border-radius: 7pt;
}
#page-navigation ul li#page-navigation-link-secure a { color: #530; }
#page-navigation ul li#page-navigation-link-secure a:hover { color:#ff0; color: #830; }

#page-navigation ul { list-style: none; display: inline; }
#page-navigation ul li {
  display: inline;
  margin: 0 0.5em;
  padding: 0 0.5em;
  min-width: 4em;
  text-align: center;
  border: 1px dashed #888;
  border-radius: 7pt;
  background-color: #696;
}
#page-navigation ul.site-nav li {
/*  background-color: #864;*/
}
#page-navigation ul.chap-nav li {
  background-color: #68a;
}
#page-navigation ul.chap-nav li.primary-link {
  background-color: #9ae; font-weight: bold;
}
#page-navigation li.no-action { visibility: hidden; background-color: transparent; color: #235; text-decoration: line-through; }
#page-navigation li.no-action:hover { background-color: #235; color: #235; }
#page-navigation ul li:hover { background-color: #dda; }
#page-navigation ul li:hover a { color: #006; }
#page-navigation a { color: white; text-decoration: none; padding: 1pt 0.5em; }
#page-navigation a:visited { color: #dfd; }
#page-navigation li a[rel=next] { /*border-right: 12px solid #ddd;*/ }
#page-navigation a[rel=next] { font-weight: bold; }
#page-navigation a:hover { color: #006; text-decoration: underline; }

/* -------------------- PAGE FOOTER -------------------- */
#page-footer {
	clear: both;
	width:100%; height: 38px;
	margin-top: 12pt;
	padding: 2pt 0.5em 3pt;
	border-top: 1px solid #999;
	font-family: sans-serif; font-style: normal; font-weight:normal;
	font-size: 80%;
	line-height: 1.2;
	text-align:left;
	opacity: 0.85;
	color: #555; background-color: #e4dcd2;
	/*color: #555; background-color: #ddd;*/
}
#page-footer:hover { opacity: 1.0; }
.mobile #page-footer {
	color: black; background-color: #ccd;
	height: 65px;
	font-size: 90%;
}
@media print {
    #page-footer { background-color: white; color: #555; opacity: 1.0; }
}
@media screen {
 #page-footer {
	position:fixed; bottom:0; left:0;
	z-index: 50;
 }
 .mobile #page-footer {
        position: relative; margin-top: 3em;
 }
}

#page-footer-logo {
   position: absolute; top: -5px; left: 16px;
   border:0;
   width:42px; height:40px;
   opacity: 1.0;
}
#page-footer-logo img {
   border:0;width:42px;height:40px;
   opacity: 1.0;
}
.page-footer-info {
    position: absolute; top: 4px; left: 70px;
    width: 650px;
}
.page-footer img.rssicon {
    border: 0;
    vertical-align: middle;
    padding-right: 3px;
}
/* -------------------- MAIN CONTENT -------------------- */
.top-content { text-align: left; z-index: 1; background-image: none; margin: 0; border: 0; /*max-width: 1200px;*/ }
.main-content-background {
        margin: 0; padding: 0; border: 0;
	color: #333; background-color: #f8f4f0;
	position:relative;
	width: 100%;
}
.main-content-left-edge {
 position:absolute; height:100%; top: 0;
 left: 0px;
}
.main-content-right-edge {
 position:absolute; height: 100%; top: 0;
 right: 0px;
}
.main-content {
        max-width: 1200px;
	padding: 16pt 1.5em 50px 1.5em;
        margin: 0;
	font-size: 13pt;
}
.mobile .main-content {
    font-size: 22pt; margin: 0;
    max-width: 1200px;
}
@media screen {
  .main-content-wrapper { text-align: center; }
  .main-content.narrow {
      max-width: 50em;
      text-align: left;
      margin: 12pt auto 3em auto;
      padding: 0 1em;
  }
  .main-content.centered {
      margin: 12pt auto 3em auto;
  }
  .main-content.narrow-centered {
      max-width: 50em;
      text-align: center;
      margin: 12pt auto 3em auto;
      padding: 0 1em;
  }
  .main-content.full {
      margin: 0 0 3em 0;
      padding: 0;
  }
}
@media print {
 .main-content-background {
    color: black; background-color: white;
 }
 .main-content {
    font-size: 9.5pt;
    margin: 8pt 0 3em 0;
    padding: 6pt 0;
 }
}
@media screen {
.column-content {
	float:left;
	width: 45%;
	margin-right: 1cm;
}
}


.toc {
	float: right;  position: relative;
	width: 30%;
	min-width: 15em;
	border: 1px solid #888;
	padding: 0.5em;
	margin: 0 0 1em 1em;
	background-color: #e2e2e2;  color: black;
}
.toc ol,ul {
	font-size: 80%;
	margin-top: 0; margin-bottom: 0;
}

.toc-inline {
	width: 50%;
	min-width: 15em;
	border: 1px solid #888;
	padding: 0.5em;
	margin: 0 0 1em 1em;
	background-color: #e2e2e2;  color: black;
}
.toc-inline ol,ul {
	font-size: 85%;
	margin-top: 0; margin-bottom: 0;
}


ul,ol li {
    font-size: 100%;
}
ul.none { list-style: none; }
ul.sq {
	list-style: square;
}
ul.spaced li {
	margin-bottom: 0.7em;
}
ul.close li {
        margin-bottom: 0.1em;
}
/*
ul ul {
	margin-left: 2em;
	padding-left: 2em;
}
*/
dl.spaced dt {margin-top: 12pt; }
dl dd p:first-child {margin-top: 0;padding-top:0;}

img.icon {
	border: 0;
	vertical-align: middle;
}
/*b { font-weight: bold; color:black; }*/
h1, h2, h3, h4 {
	color: #333; background-color: transparent;
	font-family: sans-serif;
}

h2 { font-size: 130%; }
h3 { font-size: 118%; }
h4 { font-size: 100%; }

@media print { a {text-decoration:underline;} }
@media screen {
/*
a         { color: #b70;  text-decoration:underline;}
a:link    { color: #b70; }
a:visited { color: #970; }
*/
a         { color: #04e;  text-decoration:none;}
a:link    { color: #04e; }
a:visited { color: #90e; }
}

//.main-content a:hover   { color: white; background-color: #7ac; text-decoration:underline; }
.main-content a:hover   { text-decoration:underline; cursor: pointer; }
.main-content a:active  { color: yellow; background-color: black; text-decoration:underline; }

.main-content a.external,
.main-content a[href ^="http://"],
.main-content a[href ^="https://"] {
  background: url(/img/icons/external.png) center right no-repeat;
  padding: 0 13px 0 3px;
}
.main-content a.external:hover,
.main-content a[href ^="http://"]:hover,
.main-content a[href ^="https://"]:hover {
  background-color: #7ac; color: white;
}
.plainlinks a,
a.plain {
  background: none !important;
  padding: 0 !important;
}

.nobr { white-space: nowrap; }
.bdi-isolate { unicode-bdi: isolate; }

.xlarge { font-size: 140%; }
.large { font-size: 120%; }
.small { font-size: 85%; }
.xsmall { font-size: 70%; }

.serif { font-family: serif; }
.sans, .sans-serif { font-family: sans-serif;}
.tt, .monospace { font-family: monospace; }
.smallcaps { font-variant: small-caps; }

.italic { font-style:italic; }
.bold { font-weight:bold; }
.indent { text-indent: 1.2em; }

.main-content .justify { text-align: justify; }
.main-content .center { text-align: center; }
.main-content .left { text-align: left; }
.main-content .ragged { text-align: left; }
.main-content .right { text-align: right; }

.vtop { vertical-align: top; }
.vbottom { vertical-align: bottom; }
.vmiddle { vertical-align: middle; }

.nomargin { margin: 0; }
.no-vmargin { margin-top: 0; margin-bottom: 0; }

.auto-hyphenate {
    hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
}
.poetry {
	font-style:italic;
	color:#333;
	margin-left: 3em;
}
h1.story-title {
	font-family: serif;
	font-size: 24pt;
	margin: 0 0 1em;
	text-align: center;
}
.author {
	font-family:serif;
	font-size: 14pt;
	margin: 0 0 1em;
	text-align: center;
}
.notemark {
	font-size: 75%;
	padding: 0 0.8em 0.3em 0.4em;
	vertical-align: top;
}
acronym, abbr { border-bottom: 1px dashed #640; color: #640; cursor: help; }
acronym:hover, abbr:hover { border-bottom: 1px solid #b80; color: #b80; }
a acronym { border-bottom: 1px dashed #046; cursor: help; color: #046; }
a abbr    { border-bottom: 1px dashed #046; cursor: help; color: #046; }
a acronym:hover { border-bottom: 1px solid #db0; color: #db0; } //{ background-color: #69b; color: white; }
a abbr:hover    { border-bottom: 1px solid #db0; color: #db0; } //{ background-color: #69b; color: white; }
.tooltip { border-bottom: 1px dashed #555; cursor: help; }

.big-drop-cap:first-letter {
 font-family: "Script MT Bold", "Luxi Serif", "Georgia", serif;
 font-weight: bold; font-size: 250%; font-style: italic;
 color: #640;
 padding: 0 0.2em 0.2em 0;
 margin: 0 0 0 0.1em;
 float: left; position: relative; vertical-align: top;
 }

#post-content { clear: both; margin-bottom: 3em;
  font-size: 80%;
  background-color: transparent; color: #644;
 }
.main-content .scene-break { text-align: center; color: #555; letter-spacing: 14pt;}


/* -------------------- TABLES -------------------- */
td.num { text-align: right; }
td.center { text-align: center; }
td.right { text-align: right; }
td.unknown { color: #cc4400; }

table.fixed { table-layout: fixed; }

table.simple thead {
    background-color: #e0e0e0;
}
table.simple caption { font-style: italic; text-align: center; color: #446666; }

table.simple thead th { line-height: 112%; padding: 2pt 0.15em; }
table.simple thead th.sort-column {font-weight:bold; font-style:italic; background-color:#aaddff;}
table.simple thead th.thgroup1 { background-color:#d8d8bb; }
table.simple thead th.thgroup2 { background-color:#d0f0d0; }
table.simple thead th.thgroup3 { background-color:#f4d8d0; }
table.simple thead th.thgroup4 { background-color:#d8d0f0; }

table.simple tbody tr td {
    padding-left: 6pt; padding-right: 4pt;
}
table.simple tbody tr.even td {
    padding-left: 6pt; padding-right: 4pt;
}
table.simple tbody tr.odd td {
    padding-left: 6pt; padding-right: 4pt;
}
table.simple tbody tr.even {
    background-color: #f4f4f4;
}
table.simple tbody tr.odd {
    background-color: #e0e8f0;
}
table.simple tbody tr.highlight {
    background-color: #ffffaa;
}
table.simple tbody tr.totals {
    background-color: #e8e8c0;
    border-top: 2px dashed black;
}
table.simple tbody tr.totals td{
    color: black;
    font-style: italic;
}
table.simple tbody tr.line-above td { border-top: 1px solid #888888; }
table.simple tbody tr.line-below td { border-bottom: 1px solid #888888; }
table.simple tbody tr.dashed-line-below td { border-bottom: 1px dashed #888888; }
table.simple tbody tr.dashed-line-above td { border-top: 1px dashed #888888; }

table.simple tbody tr:hover {
    background-color: #f4f4aa;
}
table.simple tbody tr.even:hover {
    background-color: #f4f4aa;
}
table.simple tbody tr.odd:hover {
    background-color: #f4f4aa;
}

@media print {
  table.simple tbody tr.seprow { page-break-after: avoid; }
}
table.simple tbody tr.seprow:hover { background-color:#ffbb77; }
table.simple tbody tr.seprow { background-color:#e0e0e0; }
table.simple tbody tr.seprow td {
    border-top: 1px solid #777777;
    border-left: 4px solid #333333;
    padding-left: 0.5em;
    color: #222222;
    font-style: italic;
}

table.simple tbody tr.seprow-light:hover { background-color:#ffbb77; }
table.simple tbody tr.seprow-light { background-color:#eee; }
table.simple tbody tr.seprow-light td {
    border-top: 1px solid #aaa;
    border-left: 4px solid #777;
    padding-left: 0.5em;
    color: #555;
    font-style: italic;
}

table.simple tbody tr.subtotal td {
    border-top: 1px dashed #c99;
    font-style: italic;
    color: #755;
}