/*the semionov's `wireframe' prototyping stylesheet*/

/* table of contents:

   1. layout
   2. headers & footers
   3. images & figures
   4. anchors
   5. extra emphasises
   6. blocks of quotes
   7. monospace text
   8. definitions
   9. tables
  10. hover tips
  11. Highlight (Notice) boxes
  12. Darkness®, Inc.
  13. teh responsibility™
								      */

/*layout	-	-	-	-	-	- 1	*/

html	{background: #24346b url("SBack1.gif") center;
	 color: #0e1014;
	 min-height: 100%;
	 background: linear-gradient(to bottom, #0000, #47bc),
		     url("SBack2.gif") 67% 67%,
		     url("SBack1.gif") 33% 33% #0f0f0e}
body	{width: 584px;
	 padding: 25px 15px;
	 margin: 24px auto;
	 background-color: #baa233;
	 border: thin solid #000;
	 border-image: url("BORDR50.GIF") 13 / 13 / 12 repeat}

/*headers & footers	-	-	-	-	- 2	*/

header, footer
	{display: block;
	 color: #d0baa7;
	 font-family: sans-serif;
	 border-image: url("HDTL.GIF") 7 2 7 1 / 7 2 7 1 / 0 0 repeat}
header	{margin: -25px -15px 1em;
	 padding: 1ex 15px;
	 background-color: #0b2153;
	 border-bottom: thin solid black}
footer	{margin: 1em -15px -25px;
	 padding: 1ex 15px;
	 background-color: #0f151b;
	 border-top: thin solid black}
footer hr
	{display: none}

/*images & figures	-	-	-	-	- 3	*/

img, figure
	{background-color: #aaaaaa;
	 border: 4px ridge #aaaaaa;
	 border-image: url("Rutgers12x12.gif") 4 fill repeat;
	 vertical-align: text-bottom;
	 max-width: 100%;}

/* Border images for links are disabled due to issues with paranoia in
   web browsers.

   See: httpS://WWW.W3.ORG/TR/selectors-3/#link
								     */

a:link img
	{border-color: #0000ff;
	 border-image-source: /*url("Rutgers12x12Link.gif")*/none;}
a:visited img
	{border-color: #ff00ff;
	 border-image-source: url("Rutgers12x12Visited.gif");}
a[href]:hover img
	{border-color: #cd853f;
	 border-image-source: url("Rutgers12x12Hover.gif");}
a[href]:active img
	{border-color: #00ff00;
	 border-image-source: url("Rutgers12x12Active.gif");}
img.noborder, .noborder img, figure img
	{background-color: transparent;
	 border: 0;
	 border-image-source: none;}

img.clear, figure.clear
	{clear: both;}
img.cleft, figure.cleft
	{clear: left;}
img.cright, figure.cright
	{clear: right;}
img.cnone, figure.cnone
	{clear: none;}

figure	{font-size: 8pt;
	 padding: 0 1ex;}
figure.right
	{float: right;
	 margin-right: 1ex;}
figure.left
	{float: left;
	 margin-left: 1ex;}
figure figcaption
	{margin: 1ex auto;
	 max-width: 16em;}
figure img
	{float: none;
	 display: block;
	 border: 2px solid #aaaaaa;
	 margin: auto;}
figure a:link img
	{border-color: #00007f;}
figure a:visited img
	{border-color: #7f007f;}
figure a[href]:hover img
	{border-color: #4d2005;}
figure a[href]:active img
	{border-color: #00ff00;}

/*anchors	-	-	-	-	-	- 4	*/

a:link	{color: #00007f}
a:visited
	{color: #7f007f}
a[href]:hover
	{color: #4d2005}
a[href]:active
	{color: #00ff00}

header a:link,		footer a:link
	{color: #55aaff}
header a:visited,	footer a:visited
	{color: #ff55ff}
header a[href]:hover,	footer a[href]:hover
	{color: #cd853f}
header a[href]:active,	footer a[href]:active
	{color: #00aa55}

*:target
	{background-color: #dcc455;
	 color: #414347}

/*extra emphasises	-	-	-	-	- 5	*/

sparce	{letter-spacing: 0.5ex}

/*blocks of quotes	-	-	-	-	- 6	*/

blockquote
	{border: thin solid #062424;
	 border-left: thick solid #007676;
	 padding:  1ex 1ex 1ex 1em;
	 background-color: #33a2ba}

/*monospace text	-	-	-	-	- 7	*/

pre, xmp, listing
	{padding: 0 1em 1em 2pt;
	 border: thin solid black;
	 background-color: #aaaaaa;
	 font-size: 8pt;
	 white-space: pre-wrap;
	 }
listing
	{font-size: 6pt;}

/*definitions	-	-	-	-	-	- 8	*/

dl dt	{background-color: #dbb455}

/*tables	-	-	-	-	-	- 9	*/

table[border]
	{border: thin solid black;
	 border-collapse: collapse}
table[border] th, table[border] td
	{padding: 0.1ex 0.5ex}

table colgroup[align="center"]
	{text-align: center}
table colgroup[align="right"]
	{text-align: right}

table[border] > tbody > tr > *
	{background-color: #a0c7bf}

table[border] > tbody > tr:nth-child(odd)  > *:nth-child(odd)  
	{background-color: #c0c7cf}
table[border] > tbody > tr:nth-child(odd)  > *:nth-child(even)
	{background-color: #b0b7bf}
table[border] > tbody > tr:nth-child(even) > *:nth-child(odd) 
	{background-color: #a0c7af}
table[border] > tbody > tr:nth-child(even) > *:nth-child(even)
	{background-color: #90b79f}

table[border] > thead th, table[border] > thead td,
table[border] > tfoot th, table[border] > tfoot td
	{border-color: white}

table[border] > thead
	{background-color: #3f151b;
	 color: #c3b187;
	 border-color: black}
table[border] > tfoot
	{background-color: #315483;
	color: #63a1af;
	border-color: black}

/*hover tips	-	-	-	-	-	-10	*/

div.hover
        {margin: 1ex 0;
         padding: 1ex 1em;
         background-color: #b99a16;
         border: thin solid black;
	 border-image: url("HOVERTIP.PNG") 5 / 5 / 0 4 4 0 repeat;
         position: absolute}
* + div.hover
	{display: none;
         max-width: 500px;
         position: absolute}
*:hover + div.hover,
* + div.hover:hover
        {display: block;
	 margin-top: -1px}

/*Highlight (Notice) boxes	-	-	-	-11	*/

div.note
	{margin: 1em -1ex;
	 padding: 0 1ex;
	 border: 1px solid black;
	 background-color: #33abba;
	 pause: medium;
	 voice-pitch: high;
	 voice-stress: moderate}

/*Darkness®, Inc.	-	-	-	-	-12	*/

/*as to not burn out eyes with strictly dictated colors for those who
  use dark kind of system color theme the generic "dark" theme is
  implemented here.

  though the best answer would be no css at all!!!!!!!!		      */

@media (prefers-color-scheme: dark) {
html	{background: #0f0f0e url("SBack1.gif") center;
	 color: #ccb;
	 background: linear-gradient(to bottom, #0000, #1487),
		     url("SBack2.gif") 67% 67%,
		     url("SBack1.gif") 33% 33% #0f0f0e}
body	{background-color: #013;
	 border-image-source: url("BORDR50D.GIF")}

body, header, footer, table[border], pre, xmp, listing, div.note
	{border-color: #fe0}

header, footer
	{border-image-source: url("HDTLD.GIF")}

figure
	{color: #0e1014;}

a:link	{color: #55aaff}
a:visited
	{color: #ff55ff}
a[href]:hover
	{color: #cd853f}
a[href]:active
	{color: #00aa55}

*:target
	{background-color: #124;
	 color: #dde}

blockquote
	{border-color: #55c4dc;
	 border-left-color: #0b9898;
	 background-color: #084646}

pre, xmp, listing
	{background-color: #242424}

dl dt	{background-color: #235}

table[border] > tbody > tr:nth-child(odd)  > *:nth-child(odd) 
	{background-color: #222}
table[border] > tbody > tr:nth-child(odd)  > *:nth-child(even)
	{background-color: #333}
table[border] > tbody > tr:nth-child(even) > *:nth-child(odd) 
	{background-color: #242}
table[border] > tbody > tr:nth-child(even) > *:nth-child(even)
	{background-color: #353}

table[border] > thead th, table[border] > thead td,
table[border] > tfoot th, table[border] > tfoot td
	{border-color: #fe0}

table[border] > thead, table[border] > tfoot
	{border-color: #fe0}

div.hover
        {background-color: #46300a;
	 color: #eccd49;
	 border-color: #eccd49;
	 border-image: url("HOVRTIPD.PNG") 5 / 5 / 4 repeat}

div.note
	{background-color: #310}
}

/*teh responsibility™	-	-	-	-	- 13	*/

@media (min-width: 720px) {
body	{padding: 25px 57px}
header, footer
	{margin-left: -57px;
	 margin-right: -57px}
}

@media (max-width: 616px) {
html	{background: #0f151b}
body	{border: 0;
	 margin: 0;
	 width: auto;
	 min-height: 100%}
}



/*made according to the css level 69 specification.
  written with the caps lock off.
*/