/* Style sheet for Splinter Fleet pages */

body
 {
  background-color: #9fcefd;
  color: black;
  font-family: Georgia,Arial,sans-serif;
  font-size: 12pt;
  margin: 0;
 }

#content { margin: 14ex 1em 4ex 1em; }

 #navpane-outer
 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  z-index: 3;
 }

 #navpane
 {
  margin:0;
  border-bottom: double 3px #00f;
  padding: 0.5em 3% 1ex 3%;
  line-height: 1.35;
  text-align: center;
  font-size: 12pt;
  font-family: Georgia, Utopia, serif;
  font-weight: bold;
  background-color: #7faedd;
  z-index: 4;
 }
 
 #navpane a {  text-decoration: none; border: solid 1px #7faedd; }
 #navpane a:link { color: #006; }
 #navpane a:visited { color: #006; }
 #navpane a:hover { color: #006; background-color: #9fcefd; border: solid 1px #066; }
 #navpane a:active { color: #f00; }

a:link { color: #00c; }
a:hover { color: #009; background-color: #e0e0e0; }
a:active { color: red; }
a:visited { color: #336; }

h1, h2
 {
  text-align: center;
  font-family: Tahoma, Verdana, Arial, sans-serif;
 }

h3, h4
 {
  margin-top: 4ex;
  font-family: Tahoma, Verdana, Arial, sans-serif;
 }

.align-center { text-align: center }  
  
hr
 {
  margin: 1ex 0;
  text-align: center;
  color: #00f;
  background-color: #00f;
 }

hr + h4 { margin-top: 1ex; }

img.photo { margin: 10px 15px }

  .leftfloat
  {
	float: left;
	margin: 0 1em 2ex 0;
  }
  
  .leftfloat-mid
  {
	float: left;
	margin: 2ex 1em 2ex 0;
  }
  
  .rightfloat
  {
	float: right;
	margin: 0 0 2ex 1em;
  }

  .endnote
  {
	font-size: smaller;
	font-style: italic
  }

p.first:first-letter
 {
  font-size: 280%; 
  font-weight: bold;
  float: left;
  color: #00c;
  text-shadow: 5px 5px 3px black;
 }

p.first { font-size: larger }

div.para { margin-bottom: 2ex; }

.footer
 {
  font-size: smaller;
  text-align: left
 }

	.smallcaps { font-variant: small-caps }
	.quote { margin: 1ex 25px;
			font-size: smaller;
			font-weight: bold;
			font-style: italic; }
	.cite { margin: 0 25px 3ex 5em;
			font-size: smaller;
			font-weight: bold }
	.title { text-decoration: underline }			
	.emph_name { font-weight: bold;
				 font-size: larger }
	.box { margin: 3ex 2em 4ex;
			border: solid 1px;
			clear: left;
			padding: 0.5em }
	.heading { text-align: center; font-family: Georgia,"Bookman Old Style",Garamond,"Times New Roman",Times,serif; }

.container
{
 position: relative;
 top: 0;
 left: 0;
}

.largetype
{
 font-size: 20px;
}

.fulltable
{
 table-layout: fixed;
 margin: 1ex 5%;
 border: 1px solid;
 font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

.rowhead { text-align: left; }
.imglink { padding: 0; border: none; margin: 0; }

.dt { margin-left: 3em; font-size: smaller; }
.em { margin-left: 2em; }
.errmsg { color: #f00; }

.footnote
{
 font-size: smaller;
 margin: 4em;
}

.byline
{
 font-weight: bold;
 text-align: center;
}

.highlight-box
{
 margin: 10px;
 border: solid 1px black;
 padding: 8px;
 background-color: #e4f0fd;
}

.highlight-box a:hover { background-color: #fff }

.rule-light
{
 height: 0px;
 border: 0px;
 border-top: dashed 1px #666;
}

.pagebox
{
 clear: left;
 margin: 30px auto;
 border: solid 1px #006;
 background-color: #ccc;
}

.pagebox .leftfloat
{
 float: left;
 margin: 0 12px 15px 12px;
}

.pagebox p
{
 margin: 12px;
 font-size: 14px;
 line-height: 16px;
}

.ship-name { font-style: italic }

.caption
 {
  margin-top: 0.5ex;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 12px;
 }

.credit, .pagebox .credit
 {
  font-style: italic;
  font-size: 10px;
 }

.browser-notice { margin:0; border-bottom:solid 1px #000; padding:10px; font-family:Arial,sans-serif; font-size:12px;background:#fff099; color:#000 }
.browser-notice a:link { color:#00f }
.browser-notice a:visited { color:#00f }
.browser-notice a:hover { color:#00f; background-color:#fff7cc }
.browser-notice a:active { color:#f00; background-color:#fff7cc }
.exclamation-icon { float:left; width:16px; height:16px; margin:0 5px 0 0; padding:0; background:none; z-index:7; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/exclamation.png', sizingMethod='scale') }