/* Styles for the table on RSCDA website
Author: Jake Brisk
Date: 4/29/15 */

/* general table styles */
.presidents {
	width: 75%;
	border: 1px solid red;
	border-collapse: separate;
	border-spacing: 0;
	text-align: center;
	margin: 2% auto;
	box-shadow: 2px 2px 4px gray;
	background-color: rgba(230, 220, 255, 1);
	border-radius: 10px;
}


/* table caption styles */
.presidents caption {
	font: normal bold 1.2em/1em 'Crete Round', serif;
	padding-bottom: 0.5em;
	font-size: 1.2em;
}

/* table titles styles */
.presidents th {
	background-color: rgb(212, 175, 55);
	color: red;
	text-align: center;
	font: normal bold 1.2em/1em 'Crete Round', serif;
	height: 1.7em;
	padding: 0.5em 1em;
	border-bottom: 1px solid red;
	
}

/* styles for all other cells in the table */
.presidents td {
	border-top: 1px solid red;
	border-left: 1px solid red;
	padding: 5px;
}

/* style to create the zebra effect in the table */
.presidents tbody tr:nth-child(odd){
	background-color: white;
}

/* style to right align the numeric values in the table */
.presidents tr td:first-of-type {
	text-align: center;
}


/* styles to create rounded corners for the table */
.presidents th:first-child {
	border-radius: 10px 0 0 0px;
}

.presidents th:last-child {
	border-radius: 0 10px 0 0;
}

td:first-child {
	border-left: none;
	text-align: center;
}

@media all and (max-width: 720px){
	#table {
		width: 100%;
		overflow: auto;
		font: normal normal 0.7em/0.8em 'Open Sans', sans-serif;
	}
}