/* 
Jessica Updegrove
NEAR ERAU Fall 2015
This file contains CSS formatting for the main.html file
*/

body, html
{
  height: 100%;
  width: 100%;
  background: url("../img/flightline.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
}

#container 
{
  margin: 10px;
}

#header h1
{
  padding: 1%;
  font-family: Georgia, serif;
  color: white;
  float: left;
  /*background-color: rgba(240, 240, 240, 0.55);*/
  /*margin: top right bottom left;*/
  margin: 15px 0px 0px 200px;
  width: 35%;
}
#header p
{
  width: 27%;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 20px;
  color: white;
  float: right;
  /*background-color: rgba(240, 240, 240, 0.55);*/
}

#aside
{
  padding-bottom: 1%;
  float: left;
  display: inline-block;
  /*background-color: rgba(220, 220, 220, 0.55);*/
}

#leftcolumn
{    
  clear: both;
  position: relative;
  float:left;
  width: 40%;
  height: 75%;
  min-width: 30%;
  max-width: 40%;
  margin: 5px 0px 5px 20px;
  background-color: rgba(220, 220, 220, 0.55);
  border-radius: 0.5em;    
}

#leftcolumnpara
{
  text-align: center;  
  position: relative;
  color: black;
  margin-top: 3%;
  font-size: 20px;
}
   
#aplayer
{
  position: relative;
  z-index: 1;
  height: 9%;
  margin: 1% 2% auto 2%;
}

audio
{
   position: absolute;
   background-color: black;
   width: 90%;
   top: 20%;
   left: 5%;
   bottom: 2%;
   display: block; 
}

#frequencytable 
{

  position: relative;
  height: 75%;
}

#frequencytable p 
{
  /*margin: 20px 10px 5px 10px;*/
  text-align: center;
  color: black;
  font-size: 16px;
  position: relative;
}

.table 
{
  margin-top: 20px;
  margin-left: 7px;
  width: 97%;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(0, 92, 163, .9);
}
.table-striped > tbody > tr:nth-of-type(even) {
  background-color: rgba(0, 115, 204, .9);
}

.table th {
  text-align: center;  
  color: cornsilk;
  background-color: rgba(0, 115, 204, .9);
}

.table td {
  text-align: center;  
  color: cornsilk;
}

#map
{
  float: right;
  position: relative;
  padding: 10px;
  width: 70%;
  height: 80%;
  margin:  5px 10px 5px 30px;
  background-color: #e0e0e0;
  border-radius: 0.5em;
  min-width: 50%;
  max-width: 60%;
}

#footer
{
  width: 33%;
  margin: 0 auto;
  height: 4%;
  text-align: center;
  border-radius: 0.5em;
  padding-bottom: 1%;
  clear: both;
  /*background-color: rgba(240, 240, 240, 0.55);*/
}

#footer p
{
  padding: 1%;
  text-align: center;
  color: white;
  margin: 10px 5px 5px 5px;
  clear: both;
  font-size: 14px;
}