/*
   New Perspectives on HTML and CSS
   Tutorial 5
   Case Problem 3

   Dome Table Style Sheet
   Author: Devin Schnackenberg
   Date:   5/3/2016

*/

/* Table Styles */
table {
   background: url(tableback.png) bottom right no-repeat;
   -moz-background-size: cover;
   -webkit-background-size: cover;
   background-size: cover; 
   float: right; 
   font-size: 16px;
   margin: 0px 0px 20px 20px;
}

table td {
   padding: 0px 5px;
}


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

/* Table Body Styles */

 table tbody th {
   text-align: center;
}


table tbody tr  {
   border-bottom: 1px dotted gray;
   height: 50px;
   text-align: center;
   letter-spacing: 3px;
}

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

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

table tbody tr:nth-of-type(even) {
   background-color: lightgrey;
}

table tbody tr:nth-of-type(odd) {
   background-color: white;
}





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

table col.middleColumns {
   width: 30%;
}

table col.lastColumn {
   width: 30%;
}