/*
   New Perspectives on JavaScript
   Tutorial 3
   Case Problem 1
   Filename: skyweb.css

   This file contains styles used in the SkyWeb Web site

*/

#logo {text-align: center; border-bottom: 2px solid black; margin-bottom: 20px}

#maps {position: relative; float: right; width: 385px; height: 385px}
#sky {position: absolute; top: 0px; left: 0px; z-index: 1}
#mask {position: absolute; top: 1px; left: 1px; z-index: 2}
#datetime {position: absolute; top: 45px; left: 85px; color: white; font-family: Arial;
           font-size: 12pt; z-index: 3; text-align: center; width: 230; font-weight: bold}

h1 {font-family: Courier New, monospace}
.button {background-color: rgb(211, 211, 211); border: 1px solid black; padding: 1px;
         font-family: Courier New, monospace; font-size: 0.9em}

#links {font-family: Courier New, monospace; font-size: 10pt; text-align: center;
       font-weight: bold; border-top: 2px solid black; clear: right;
       margin-top: 20px}
#links a {color: black; text-decoration: none}