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

   Sudoku Puzzle Table Style Sheet
   Author: Breiona Bankhead
   Date:   10/13/2025

   Filename:         stable.css
   Supporting Files: green.jpg, gold.jpg

*/

/* ========================================
   Sudoku Puzzle Table Styles
   ======================================== */

/* Collapse borders for main and sub-tables */
.spuzzle, .subTable {
  border-collapse: collapse;
}

/* Outset border for spuzzle table cells */
.spuzzle td {
  border: 5px outset gray;
}

/* Small gray font for spuzzle table headers */
.spuzzle th {
  font-size: 8px;
  color: gray;
}

/* Set height for body headers */
.spuzzle tbody th {
  height: 40px;
}

/* ========================================
   Sub-table Cell Styles
   ======================================== */

/* Styling for cells inside subTable */
.subTable td {
  font-size: 20px;
  color: blue;
  width: 40px;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid black;
}

/* ========================================
   Background Images for Boxes
   ======================================== */

/* Gold box background */
.goldBox td {
  background-image: url("gold.jpg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

/* Green box background */
.greenBox td {
  background-image: url("green.jpg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}