/* Stylesheet for updated PEGASYS website, by Paul Smith. 2025-03-14. We will eventually upload this file as 'css/menu_2_style_1,css' in the finished website. */

/* All site-wide global variables (constants). */
:root {
	--page_top_margin:         2em;
	--page_bottom_margin:      1em;
	--page_left_margin:        2em;
	--pegasys_formal_name:    'PEGASYS Community Media Center';
	--pegasys_website_credit: 'PEGASYS logo and website design by Paul Smith. \A
Photographs by Lauren Stefanelli, Enrique Caicedo, Paul Smith, and Alex Wiers.';
/* Spacing in the above string is important. */
	--width_widest_element: 759px; /* Current width of the 'PEGASYS banner' (seven people), composited in Photoshop ca. 1995. */
}

address {
	font-style:  normal;
	margin-left: 2em;
}

address, body li, p, td {
	font-size: 14pt
}

body {
/* Boundaries of page content, excluding margins, header and footer */
	/* border: 1px solid black; */
	margin-top:    calc(var(--page_top_margin) + 127px + 0.25em + 2em + 2em);
	/* top gutter + height of banner image + padding + menu + hr + padding. */
	margin-right:  calc(100vw - var(--width_widest_element) - var(--page_left_margin));
	/* Set wide right margin to limit to page width to var(--content width). */
	margin-bottom: var(--page_bottom_margin);
	margin-left:   var(--page_left_margin);
}

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

.credits, .smallest {
	font-family: sans-serif;
	font-size:   8pt;
}

#page_foot {
	border-top:  1px solid black;
	margin-top:  2em;
	padding-top: 1em;
}

#widest_element img {
	width: var(--width_widest_element);
}

h1, h2 {
	font-family: sans-serif;
}

h2 {
	margin-top: 1.5em;
}

img#iyv_logo {
	height: 85px
}

img#validator {
}

.pegasys_formal_name:before {
	content: var(--pegasys_formal_name);
}

.pegasys_website_credit:before {
	content:     var(--pegasys_website_credit);
	white-space: pre-wrap;
}

.series_list li:first-child {
	margin-top: -0.5em
}

/*.series_list {
	margin-bottom: 3em;
}*/

.series_list h2 {
	font-style:     italic;
	margin-bottom: -0.7em;
}

.series_list .smaller {
	display:        block;
	margin-bottom: -0.5em
}

.smaller, ul ul li {
	font-size: 90%;
}

table#hours_operation td {
	padding:    0.25em 0.5em 0 0.5em;
	text-align: center
}

table#hours_operation tr:first-child td {
	border-bottom: 1px solid black
}

table.winners {
	border-collapse: collapse;
	margin-top: 3rem;
	width: 100%;
}

table.winners td {
	border-bottom: 1px solid black;
	padding: 0.25rem 0.5rem 0.25rem 0.5rem;
	vertical-align: top;
}

table.winners th {
	border-bottom: 0.25rem solid black;
	font-family: sans-serif;
	padding: 0.25rem 0.5rem 0.25rem 0.5rem;
	vertical-align: top;
}

table.winners tr:last-child td {
	border-bottom: 3px solid black;
	padding: 0.25rem 0.5rem 0.25rem 0.5rem;
	vertical-align: top;
}

table.winners tbody tr td:nth-child(3) {
	text-align: center;
}

ul ul li {
	margin-left: -1.5rem;
}

#page_head {
	position: absolute;
	top:      var(--page_top_margin);
}

#page_head .pegasys_menu table {
	width: 100%;
}

/*Top level menu link items style*/
#page_head .pegasys_menu td a {
	background-color: black;
	display:          block;
	padding:          5px 10px;
	font-family:      Tahoma;
	font-size:        10px;
	font-weight:      bold;
	color:            white;
	text-align:       center;
	text-decoration:  none;
}
	
#page_foot p.credits {
	padding-bottom: 11px; /* Baseline of 'PEGASYS' text in page_foot logo, at 75%, from bottom of logo. */
	width:          398px;
}

/* #page_foot hr {
		margin-top: 3em;
} */

/* #page_foot img {
/* This is the 'PEGASYS: it's your voice' logo. * /
	/* height: 85px /* 75% * /
}*/

#page_foot table:first-child {
	border-collapse: collapse;
	/*vertocal-align:  middle;*/
	width:           var(--width_widest_element);
}

#page_foot table:first-child td {
	/* border: 1px solid red; */
	padding: 0.25em 0 0.25em 0;
	vertical-align: bottom;
}

#page_foot table:last-child {
	margin-left: -2px;
}

#page_foot table:last-child td {
	border-collapse: collapse;
	padding:         0 0.5em 0 0;
	vertical-align:  middle;
}

.text_link {
	font-family: sans-serif;
	font-size: smaller;
	margin-top: -0.25em;
}

/*td {
	border: 1px solid red;
}*/