@charset "UTF-8";
/* Copyright (c) 2017 Frank A. Nemec, Jr. */
@media (max-width:370px) {
  html {background:#000000 url("/fan/travel/Eclipse2017/images/DixieLookoutSatelliteSmall.jpg") no-repeat;}
  body {width:100%;}
  .footer {font-size:95%;}
}
@media (min-width:370px) and (max-width:740px) { 
  html {background:#000000 url("/fan/travel/Eclipse2017/images/DixieLookoutSatelliteMed.jpg") no-repeat;}
  body {width:100%;}
  .footer {font-size:95%;}
}
@media (min-width:740px) {
  html {background:#000000 url("/fan/travel/Eclipse2017/images/DixieLookoutSatellite.jpg") no-repeat;}
  body {width:940px;}
  .footer {font-size:98%;}
}

*{margin:0; padding:0;}

html { height:100%;}

body{
      margin:20px auto 20px auto;
      padding:15px;
      color:#000000;
      font:Verdana, Arial, Helvetica, sans-serif;
      font-size:150%;
}
.img {max-width:95%;}

/************** Headings **************/
h1 { font-size:200%; color:#ffffff; background:#000000; width:100%;}
h2 { font-size:145%; color:#001100;}
h3 { font-size:120%; color:#001100;}
h4 { font-size:110%; color:#001100;}

/************** Links **************/
/* Next is not enough for bm page to pass mobile test. */
/* a      {text-decoration:none; font-weight:bold; margin:18px 9px; 18px 9px;}*/
a         {text-decoration:none; font-weight:bold; margin:8px 0px; 8px 0px;}
a:link    {color:#106010;}
a:visited {color:#106010;}
a:hover   {color:#E31836;}
a:focus   {color:#E31836;}
a:active  {color:#E31836;}


/************** Other Elements **************/
p {padding-bottom:10px;}
.plain      {list-style-type:none; margin-left:-10px;}
.red        {color:#E31836; line-height:18px;}
.floatLeft  {float:left;}
.floatRight {float:right;}
.rightside  {float:right;}
.calbox     {float:right; margin-left:10px;}
.indented   {margin-left:20px; margin-right:20px;}
.centered900 {width:900px; margin:0 auto;}
.centered800 {width:800px; margin:0 auto;}
.centered660 {width:660px; margin:0 auto;}
.uniform {font-family:monospace;}

div.main{
  padding:15px; background:rgba(255,255,255,0.3);
}

div.inset{
  padding:45px; background:rgba(255,255,255,0.2);
}

div.basecamp{
  width:400px; height:90px; float:left; margin:10px 0;
  padding:15px; background:rgba(255,255,255,0.2);
}

div.before{
  width:400px; height:120px; float:right; margin:10px 0;
  padding:15px; background:rgba(255,255,255,0.2);
}

div.lookout{
  width:800px; height:300px; float:left; margin:10px 0;
  padding:15px; background:rgba(255,255,255,0.2);
}

/************** Footer **************/
div.footer{
  margin:0 auto 10px auto;
  background:#000000;
  width:100%;
  padding:2px 0;
  text-align:center; color:#e0e0e0;
}

li.footer {
  display:inline;
  padding-left:8px;
  padding-right:15px;
  border-right:1px solid #b0b0b0;
}

/************** Footer Links **************/
a.footer:link {color:#e0e0e0; text-decoration:none; font-weight:bold;}
a.footer:visited {color:#e0e0e0; text-decoration:none; font-weight:bold;}
a.footer:hover {color:#202070; background:#e0e0e0; text-decoration:none;}
a.footer:focus {color:#202070; background:#e0e0e0; text-decoration:none;}
a.footer:active {color:#202070; background:#e0e0e0; text-decoration:none;}

/************** Transitions **************/
.topnav a, .footer a, {
  -o-transition: all 1500ms ease;
  -moz-transition: all 1500ms ease;
  -webkit-transition: all 1500ms ease;
  transition: all 1500ms ease;
}

/* The clearfix hack to clear the floats: */

.clear:after{
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}

.clear{
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}