/*    max-width: 760px;  */

/* --------------------------------------- TABLE RELATED FORMATTING --------------------------------------*/

table {
  font-family: arial, sans-serif;
}

table, tr, td {
    border: 0px !important;
    border-collapse: collapse !important;
    outline:none !important;
}

/* every other lines is given dark background */
tr:nth-child(even) {
  background-color: #dddddd;
}

/* first column text is center aligned */
tbody>tr>:nth-child(1) {
	text-align: center;
}

/* even numbered columns (vss) are shoved up against left side of cell, and given separation space on right so vss are not too close to next book name */
tbody>tr>:nth-child(2), tbody>tr>:nth-child(4), tbody>tr>:nth-child(6) , tbody>tr>:nth-child(8) , tbody>tr>:nth-child(10){
  padding-left: 0px;
  padding-right: 15px;
}

/* odd numbered columns (book names) are given a little padding on the right so not too close to its verses */
tbody>tr>:nth-child(3), tbody>tr>:nth-child(5), tbody>tr>:nth-child(7) , tbody>tr>:nth-child(9) , tbody>tr>:nth-child(11){
  padding-right: 3px;
  text-align: center;
}

/* last column needs no padding on the right side */
tbody>tr>:nth-child(12) {
	padding-right: 0px;
}

/* ---------------------------------------- HEADING FORMATTING ----------------------------------------------------*/

h1 { 
  text-align: center;
  font-size: 1.25em;
}

h2 { 
  text-align: center;
  font-size: 1em;
}

/* ----------------------------FORMATTING FOR ID <DIV>s (#) AND CLASS <DIV>s ---------------------------------------*/

#today {
	margin: auto;
	box-sizing: border-box;
	color: red;
	width: 300px;
	border: 3px solid blue;
}

.month a{
	color: #084dd6;
	text-decoration: none;
}

.month {
	margin: auto;
	box-sizing: border-box;
	width: 300px;
	padding: 10px;  
	border: 3px solid blue;
	font-size: 1.25em;
}


/* ----------------------------FORMATTING FOR MEMORY VERSE DISPLAY -------------------------------------------------*/
#memory {
	margin: auto;
    text-align: left;
	font-size: 18px;
	box-sizing: border-box;
	color: black;
	width: 300px;
	border: 3px solid blue;
}

.memtable {
    table-layout: fixed;
    width: 300px;
    font-size: 18px;
}

.memtr {
    height: 40px;
    margin-top: 25px;
    padding-bottom: 0px;
    text-align: center;
}

.memtd {
/*  width: 60px; */
    border: 2px;
}


.button {
  background-color: #FFFFFF; /* White */
  display: inline-block;
  cursor: pointer;
  border: none;
  padding-top: 10px;
}