/*
   Final Project

   Web Site Style Sheet
   Avalanche Server Hosting
   Author: Sean Holland
   Date: 5/25/2016 

   Filename:         styles.css
*/
/* Table Styles */

table.gamesTable {
   background: url(tableback.png) bottom right no-repeat;
   -moz-background-size: cover;
   -webkit-background-size: cover;
   background-size: cover;

   border-collapse: collapse;  
   font-size: 16px;
   margin: 0px 0px 40px 40px;
   color: black;
}

table.gamesTable td {
   padding: 0px 5px;
}

/* Table Caption */
table.gamesTable caption {
   font-size: 18px; 
   letter-spacing: 5px; 
   text-align: center; 
   caption-side: top;
   margin: 0px 0px 10px 0px;
   color: white;
}

/* Table Header Styles */
table.gamesTable thead {
   background: url(top.jpg) repeat-x top;
   border-bottom: 2px solid gray;
}

table.gamesTable thead tr {
   height: 40px;
}
table.gamesTable thead th {
   padding: 0px 5px; 
   letter-spacing: 2px;
}

table.gamesTable thead th:first-of-type {
   background: url(topleft.png) no-repeat top left;
}

table.gamesTable thead th:last-of-type {
   background: url(topright.png) no-repeat top right;
}




/* Table Footer Styles */

table tfoot {
   background: url(bottom.jpg) repeat-x bottom; 
   border-top: 2px solid gray; 
   text-align: center;
}

table.gamesTable tfoot tr {
   height: 40px;
}

table.gamesTable tfoot td:first-of-type {
   background: url(bottomleft.png) no-repeat bottom left;
}

table.gamesTable tfoot td:last-of-type {
   background: url(bottomright.png) no-repeat bottom right;
}



/* Table Body Styles */

table.gamesTable tbody tr  {
   border-bottom: 1px dotted gray;
   height: 50px;
}

table.gamesTable tbody td  {
   text-align: center;
}

table.gamesTable tbody td:first-of-type {
   background: url(left.jpg) top left repeat-y;
}

table.gamesTable tbody td:last-of-type {
   background: url(right.jpg) top right repeat-y;
}

table.gamesTable tbody tr:nth-of-type(even) {
   background-color: rgba(152, 228, 215, 0.6);
}

table.gamesTable tbody tr:nth-of-type(odd) {
   background-color: rgba(255, 255, 255,0.6);
}




/* Column Styles */
table.gamesTable col.firstColumn {
   width: 20%;
}

table.gamesTable col.secondColumn {
   width: 20%;
}

table.gamesTable col.thirdColumn {
   width: 20%;
}

table.gamesTable col.fourthColumn {
   width: 20%;
}

table.gamesTable col.lastColumn {
   width: 20%;
}