/* Author William Gleason
   Date 15-June-15
   Final Project

*/

/* Default Styles */

* {
   
   margin: 0px;
   padding: 0px;
}

header, figure, footer, article, nav, section {
   display: block;
}
/* body style */
body
{
    background-color:rgb(0,162,232);
}

html, body {
 height: 100%;
} 

/* Main Section Styles */
section#main {
   background-color: white;
   background-image:url(pics/souppot.jpg);
   background-position:top right;
   background-repeat: no-repeat;

   font-family: Verdana, Geneva, sans-serif;
   margin: 0px auto;
   min-height: 100%;
   position: relative;
   width: 1000px;
   padding: 0px 20px 20px 20px;

   -moz-box-shadow: 5px 0px 20px rgb(101, 101, 101),
                      -5px 0px 20px rgb(101, 101, 101);
   -webkit-box-shadow: 5px 0px 20px rgb(101, 101, 101),
                      -5px 0px 20px rgb(101, 101, 101);
   box-shadow: 5px 0px 20px rgb(101, 101, 101),
              -5px 0px 20px rgb(101, 101, 101);
}

/* Navigation Styles */

nav.horizontal {
   margin-top: -3px;
     

}

nav.horizontal ul {
   height: 20px;
   
}

nav.horizontal ul li {
padding: 5px;
   float: left; 
   margin: 5px 3px; 
   width: 170px; 
   line-height: 20px;
   height: 20px; 
   text-align: center; 
   background: url(tab.jpg) no-repeat top left;
   list-style: none;
  
}

nav.horizontal ul li a {
   display: block; 
   width: 170px; 
   font-size: 24px; 
   text-decoration: none; 
   color: black;
  
}

nav.horizontal ul li:hover {
   
   border-bottom: 2px solid rgb(0,162,232);

}

/* Daily Section */

#daily 
{
  
   width: 1000px;
}

#daily h1 {
   color: red; 
   font-size: 24px; 
   font-weight: normal;
   letter-spacing: 5px;
   text-align: center;
   margin: 10px;
}

#daily p {
   font-size: 12px; 
   margin: 10px 0px 10px 10px;
   text-align: left;
}

#daily p i  {
   font-style:italic;
}

#daily a {
   color: red;
   text-decoration: underline;
}

iframe {
   width: 100%; 
   height: 190px;
   
}


iframe#video
{ height:315px;
  width:560px;
  margin-top:30px;
  margin-left:20%;
}
/* Menu class styles */

article#menu h1
{ font-size:24px;
  text-decoration:underline;
  text-align:center;
  margin-bottom:10px;
  
}
article#menu h2
{ font-size: 18px;
  padding-bottom:2px;
}
article#menu p
{ font-size:14px;
  padding-bottom:12px; 
} 

/* dayTat styles*/
article#daytat * 
{ text-align:center;
  font-weight:bold;
}

/* spots styles */
article#spots h1
{ text-align:center;
  margin-bottom:10px;
  letter-spacing:5px;
}

/* Styles for the sch table*/

table.list
{ border:2px outset blue;
  border-collapse:collapse;
  font-family:Arial, Helvetica, Sans-Serif;
  font-size:0.75em;
  width:100%;
}

table.list th, table.list td
{ border:2px solid black;
}

/* table header style */

table.list thead
{ background-color:rgb(0,125,232);
  color:White;
  color:rgba(255,255,255,0.7);
}

table.list thead tr
{ height:50px;
}

/* table body styles */

table.list tbody tr
{ height:40px;
}

table.list tbody td
{ padding:5px;
  vertical-align:top;
}

/* styles for the first colum */

table.list col.firstCol
{ background-color:rgb(255,255,192);
  width:13%;
}

/* styles for the remaining colums */

table.list col.dayCols 
{ width:13%;
}

/* styles for table caption */

table.list caption
{ caption-side:bottom;
  text-align:left;
  font-size:14px;
  font-weight:bold;
  letter-spacing:3px;
  margin-top:10px;
}
/* styles for days class */
tr.days th
{ font-size:18px;
}

/* styles for place class */
tr.place td
{ font-size:14px;
  text-align:center;
}

/* jobs style */
article#jobs 
{  margin-left:0%;
   margin-bottom:10px;
   border-bottom:1px solid black;
   padding-bottom:20px;
  
}
article#jobs ol
{ margin-left:3%;
}


/* Footer styles*/
footer {
   margin-top: 50px;
   width: 1000px;
   clear:both;

}

footer address {
   border-top: 1px solid black;
   font-size: 12px;
   font-style: normal;
   text-align: center;
   padding-top: 10px;
}

footer address a
{ text-decoration: none; 
  color:Black;
  
}