/* toolbox.css Tue Aug 18 08:46:13 CDT 2026
   Small, purpose-built utility classes shared across otherwise-
   unrelated page types -- the "extricate common rules" pass. Not
   every page loads this; only ones that actually use one of these.

   .item is the one standard shared "card" look. Pages that want an
   item link this file. Pages that want to specialize it for their
   own use define their own .item { ... } rule in their own
   page-specific CSS, linked AFTER this file in the head -- normal
   cascade means whatever properties that file sets win, while
   anything it doesn't set still falls back to this shared base. */

/* Shared "physical card" look -- shorthand mental model: a sheet of
   paper or an index card sitting on the page, distinct from the
   site's black background. */
.item {
	background: darkgrey;
	box-shadow: 5px 5px 5px;
	color: black;
	font-family: helvetica, geneva, arial;
	font-size: 12px;
	line-height: 120%;
}

.item a {
	color: black;
	text-decoration: none;
}

.item a:hover {
	text-decoration: underline;
}

/* label.css
   Section header label: orange, uppercase, underlined. Originally lived
   in columns.css, but it's used well beyond the 3-column layout --
   e.g. the shows archive page (shows/index.html) uses it for its
   "All Show Accounts" / "Even Older Show Accounts" section headers,
   with no columns of its own. Pulled out into its own file so pages
   that just need the label don't have to import unrelated column-layout
   rules to get it.
*/
.page-column-label {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: darkorange;
	border-bottom: 2px solid darkorange;
	padding-bottom: 6px;
	margin: 0px 0px 14px 0px;
}
