a:link { color: #0000cc; }

a:visited { color: #990099; }

a:hover { background-color: #334488; color: #ffffff; }
 
blockquote
{
  background-color: transparent;
  color: #112266;
  font-style: oblique;
  margin: 1.0em 3.0em;
}

body 
{
  background-color: #000000;
  background-image: url(skyeye.jpg);
  background-position: top center;
  background-repeat: repeat;
  color: #ffffff;
  font-family: Geneva,Verdena,'DejaVu Sans',sans-serif;
  margin: auto;
  padding: 1.0em;
}

dl dt
{
  background-color: transparent;
  color: #334488;
  font-weight: bold;
}

h3
{
  background-color: transparent;
  clear: both;
  color: #112266;
  font-size: 1.5em;
  font-variant: small-caps;
  margin: 0;
  text-align: center;
}

h4
{
  background-color: transparent;
  clear: both;
  color: #112266;
  font-size: 1.25em;
  font-variant: small-caps;
  margin: 0;
  text-align: center;
}

table
{
  background-color: transparent;
  padding: 5px 0px 5px 0px;
}

table.data
{
  border-collapse: collapse;
  margin: 1.0em auto;
  width: 100%;
}

table.data tbody tr:nth-child(odd) td { background: #99aaee; }

table.month { width: 100%; }

td,th
{
  padding: 3px 5px;
  vertical-align: top;
}

th
{
  background-color: #334488;
  color: #ffffff;
  font-variant: small-caps;
}

ul
{
  list-style-type: disc;
  line-height: 1.25em;
}

.article
{
  background-color: #aabbff;
  border-radius: 20px;
  box-shadow: 0px 3px 6px #001155;
  clear: both;
  color: #000000;
  display: block;
  margin: 1.0em 0.25em;
  padding: 1.0em;
}

.articlenoprint
{
  background-color: #aabbff;
  border-radius: 20px;
  box-shadow: 0px 3px 6px #001155;
  clear: both;
  color: #000000;
  display: block;
  margin: 1.0em 0.25em;
  padding: 1.0em;
}

.bang
{
  background-color: #ffffff;
  border-radius: 100px;
  box-shadow: 0px 5px 10px #001155;
  color: #cc0000;
  display: block;
  font-size: 1.25em;
  margin: 1.0em;
  padding: 0.5em 2.0em;
  text-align: center;
}

.bestseen
{
  background-color: #ffffff;
  color: #334488;
  font-weight: bold;
}

.bold
{
  background-color: transparent;
  color: #112266;
  font-size: 1.1em;
  text-align: center;
}

.column1
{
  display: table-cell;
  float: left;
  width: 70%;
}

.column2
{
  display: table-cell;
  float: right;
  width: 25%;
}

.col-container
{
  background-color: #99aadd;
  color: #000000;
  display: table;
  width: 100%;
}

.col-container-phenom
{
  background-color: transparent;
  color: #000000;
  display: table;
  width: 100%;
}

.constellation { font-style: italic; }

.def
{
  background-color: transparent;
  color: #334488;
  font-weight: bold;
}

.eclipsemap { width: 45%; }

.floatleft
{
  float: left;
  margin: 0;
  padding: 0 20px 0 0;
}

.floatright
{
  float: right;
  margin: 0;
  padding: 0 0 0 20px;
}

.footer
{
  background-color: transparent;
  color: #ffffff;
  display: block;
  font-size: 0.83em;
  font-style: italic;
  min-height: 100px;
  vertical-align: middle;
}

.footer a:link { color: #99ffff; }

.footer a:visited { color: #ff99ff; }

.footer a:hover { background-color: transparent; }
 
.fresh { clear: both; }

.header
{
  background-color: transparent;
  display: block;
  font-variant: small-caps;
  text-align: center;
}

.header h1
{
  background-color: transparent;
  color: #334488;
  font-size: 6.0em;
  margin: 0;
  text-shadow:  0px -1px 9px #aabbff,  /* N */
                0px  1px 9px #aabbff,  /* S */
                1px  0px 9px #aabbff,  /* E */
               -1px  0px 9px #aabbff;  /* W */
}

.header h2
{
  background-color: transparent;
  color: #334488;
  font-size: 2.0em;
  font-style: oblique;
  margin: 0;
  padding: 0 2.0em 0.5em 2.0em;
  text-shadow:  0px -1px 3px #aabbff,  /* N */
                0px  1px 3px #aabbff,  /* S */
                1px  0px 3px #aabbff,  /* E */
               -1px  0px 3px #aabbff;  /* W */
}

.interiorbutton
{
  background-color: #8899ee;
  border-color: #ffffff;
  border-radius: 20px;
  border-style: solid;
  border-width: 3px;
  box-shadow: 0px 3px 6px #001155;
  display: inline;
  float: right;
  font-size: 1.25em;
  font-weight: bold;
  padding: 0.1em 1.0em;
  margin: 0 0 0 1.0em;
  text-decoration: none;
}

.intro
{
  background-color: transparent;
  color: #ffffff;
  display: block;
  font-size: 1.25em;
  text-align: center;
}

.logo
{
  float: left;
  padding-right: 1.5em;
  vertical-align: middle;
}

.menu 
{ 
  clear: both;
  line-height: 2.5;
  margin: 1.0em 0;
  text-align: center;
}

.menubutton
{
  background-color: #8899ee;
  border-color: #ffffff;
  border-radius: 20px;
  border-style: solid;
  border-width: 3px;
  box-shadow: 0px 3px 6px #001155;
  display: inline;
  font-size: 1.25em;
  font-weight: bold;
  padding: 0.1em 1.0em;
  margin: 0 1.0em;
  text-decoration: none;
}

.moon0 { background-color: #000000; color: #ffffff; }

.moon0 a:link { background-color: transparent; color: #9999ff; }

.moon0 a:visited { background-color: transparent; color: #ff00ff; }

.moon0 a:hover { background-color: #334488; color: #ffffff; }

.moon1 { background-color: #111111; color: #ffffff; }

.moon1 a:link { background-color: transparent; color: #9999ff; }

.moon1 a:visited { background-color: transparent; color: #ff00ff; }

.moon1 a:hover { background-color: #334488; color: #ffffff; }

.moon2 { background-color: #222222; color: #ffffff; }

.moon2 a:link { background-color: transparent; color: #9999ff; }

.moon2 a:visited { background-color: transparent; color: #ff00ff; }

.moon2 a:hover { background-color: #334488; color: #ffffff; }

.moon3 { background-color: #333333; color: #ffffff; }

.moon3 a:link { background-color: transparent; color: #9999ff; }

.moon3 a:visited { background-color: transparent; color: #ff00ff; }

.moon3 a:hover { background-color: #334488; color: #ffffff; }

.moon4 { background-color: #444444; color: #ffffff; }

.moon4 a:link { background-color: transparent; color: #9999ff; }

.moon4 a:visited { background-color: transparent; color: #ff00ff; }

.moon4 a:hover { background-color: #334488; color: #ffffff; }

.moon5 { background-color: #555555; color: #ffffff; }

.moon5 a:link { background-color: transparent; color: #9999ff; }

.moon5 a:visited { background-color: transparent; color: #ff00ff; }

.moon5 a:hover { background-color: #334488; color: #ffffff; }

.moon6 { background-color: #666666; color: #ffffff; }

.moon6 a:visited { background-color: transparent; color: #ff00ff; }

.moon6 a:hover { background-color: #334488; color: #ffffff; }

.moon7 { background-color: #777777; color: #ffffff; }

.moon7 a:visited { background-color: transparent; color: #ff00ff; }

.moon7 a:hover { background-color: #334488; color: #ffffff; }

.moon8 { background-color: #888888; color: #000000; }

.moon9 { background-color: #999999; color: #000000; }

.moon10 { background-color: #aaaaaa; color: #000000; }

.moon11 { background-color: #bbbbbb; color: #000000; }

.moon12 { background-color: #cccccc; color: #000000; }

.moon13 { background-color: #dddddd; color: #000000; }

.moon14 { background-color: #eeeeee; color: #000000; }

.moon15 { background-color: #ffffff; color: #000000; }

.object { font-style: italic; font-weight: bold; }

.oldlink { color: #cc00cc; }

.planet { font-weight: bold; }

.printURL { display: none; }

.sideimage
{
  float: right;
  margin-left: 1.0em;
  width: 45%;
}

.skyeye
{
  background-color: transparent;
  color: #334488;
  font-variant: small-caps;
  font-weight: bold;
}

.ss
{
  background-color: #7788cc;
  clear: both;
  color: #000000;
  display: block;
  margin: 0.5em 0 0 0;
  padding: 0.5em 1.0em;
}

.ssdescr
{
  background-color: #99aadd;
  color: #000000;
  display: block;
  margin: 0;
  padding: 0.5em 3.0em;
}

.ssloc
{
  background-color: transparent;
  display: inline;
  float: right;
  margin: 0;
}

.ssobj
{
  background-color: transparent;
  display: inline;
  font-size: 1.25em;
  font-weight: bold;
  margin: 0;
}

.star { font-style: italic; font-weight: bold; }

.textcentre { text-align: center; }

.textleft { text-align: left; }

.textright { text-align: right; }