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

   Tables Style Sheet
   Author: Adam Pisarsky
   Date:   2/12/2016

   Filename:         tables.css
   Supporting Files: 

*/

*/Styles for Personal Project Table*/
/*Styles for Celebrities table*/
table.celebs {
	border: 10px outset rgb (204,204,204);
	border-collapse:collapse;
	vertical-align: center;
	padding: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	width: 100%;
}
table.celebs th, table.celebs td {
	border: 1px solid gray;
	padding: 25px;
}
table.celebs thead {
	text-align: center;
	vertical-align: center;
	background-color: rgb(211, 211, 211);
	padding: 25px;
}
table.celebs thead tr {
	
	height: 50px;
}
table.celebs tbody tr {
	height: 40px;
}
table.celebs tbody td {
	padding: 5px;
	vertical-align: center;
}

table.celebs col.firstCol {
       color: rgb(255, 255, 255);
	background-color: rgb(173,216,230);
	width: 7%;
}
table.celebs caption {
	color: rgb(255, 255, 255);
	caption-side: bottom;
	text-align: right;
}

/*Two column layout*/
section#mainpp p {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	
	-moz-column-gap: 20px;
	-webkit-column-gap: 20px;
	column-gap: 20px;

	-moz-column-rule: 2px solid rgb (153, 0, 153);
	-webkit-column-rule: 2px solid rgb(153, 0, 153);
	column-rule: 2px solid rgb(153, 0, 153);
}
table.celebs col.dayCols {
	width: 13%;
}


/*Styles for the employers table*/
table.employers {
	border: 10px outset rgb(102, 255, 255);
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	width: 100%;
}
table.employers th, table.employers td {
	border: 1px solid gray;
}

table.employers thead {
	background-color: rgb(0, 0, 0);
	color: white;
	color: rgba(255, 255, 255, 0.5);
}
table.employers thead tr {
	height: 50px;
}
table.employers tbody tr {
	height: 40px;
}
table.employers tbody td {
	padding: 5px;
	vertical-align: top;
}

table.employers col.firstCol {
	background-color: rgb(102, 255, 255);
	width: 7%;
}
table.employers caption {
	caption-side: bottom;
	text-align: right;
}

/*Two column layout*/
section#main p {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	
	-moz-column-gap: 20px;
	-webkit-column-gap: 20px;
	column-gap: 20px;

	-moz-column-rule: 2px solid rgb (153, 0, 153);
	-webkit-column-rule: 2px solid rgb(153, 0, 153);
	column-rule: 2px solid rgb(153, 0, 153);
}
table.employers col.dayCols {
	width: 13%;
}