html
{
  /* midnight2 from Vim */
  background: url(vertical.png) #000029 repeat-y;
  padding-left: 25px;
  /* TODO font-size-adjust -- works only on Firefox in Windows, but try it */
  font-family: verdana, sans-serif;
}

body
{
  padding: 0;
  margin: 0;
  margin-left: 8px;
}

img
{
  padding: 0;
  margin: 0;
}

/* http://www.steeldolphin.com/color_scheme.html Analogic+ with text color */
a:link
{
  color: #ccb69f;
}

a:visited
{
  color: #828986;
}

a:active
{
  color: #706f89;
}

a:hover
{
  color: #ccc6c0;
}

#content
{
  word-spacing: 0.1em;
  line-height: 1.5;
  padding: 0.5em 1em 0.5em 3em;
}

p
{
  margin: 1.5em 0;
}

p:first-child
{
  margin-top: 0;
}

#recentupdates strong:first-child + p
{
  margin-top: 0;
}

blockquote
{
  margin: 1.5em;
  padding: 0;
}

blockquote
{
  margin-bottom: 0;
}

/*blockquote > p:first-child
{
  margin-top: 0;
}*/

blockquote + p
{
  margin-top: 0;
}

/* Give indented text (blockquotes, lists, etc.) some breathing room. */
#content
{
  width: 44em;
}

#content p,
#content li,
#content dt,
#content dd
{
  max-width: 36em;
}

/* Without this, some of the divs (Add the Printers You Want, Non-Pitt Users) have scroll bars for no apparent reason (at least with the 2007-02-14 update highlighted).  The margin hack to deal with Mozilla's apparent outline bug isn't enough to fix it alone. */
#content div,
#content div div
{
  overflow: visible;
}

#content *,
#content div *
{
/*  overflow: auto;*/
  /* 2007/07/12 -- now long URL's hang out into the void, but at least outlines for ins.current show up right */
  overflow: visible;
}

/* Need this or else bullets for list items get cut off. */
#content li
{
  list-style-position: inside;
}

/* And to compensate for how far to the right these are now... */
#content ul,
#content li
{
  margin-left: 0.5em;
  padding-left: 0.5em;
}

/* But still indent nested lists. */
#content ul ul
{
  margin-left: 1.5em;
}

h1
{
  margin: 0.5em 0 0.3em 0;
}

#content h2
{
  margin: 0.25em 0 0.25em -1.2em;
}

#sidebar h2:first-child
{
  margin: 0 0 0.25em 0;
}

#sidebar h2
{
  margin: 2em 0 0.25em 0;
}

#sidebar h3
{
  margin: 0.25em 0;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small
{
  display: block;
}

h1 small
{
  font-size: 0.25em;
}

h2 small
{
  font-size: 0.4em;
}

h3 small
{
  font-size: 0.667em;
}

h1
{
  font-size: 4em;
  font-family: "cadmium egg";
}

#content h2
{
  font-size: 2.5em;
}

#sidebar h2
{
  font-size: 1.5em;
}

#content h3
{
  font-size: 1.5em;
}

#sidebar h3
{
  font-size: 1.25em;
}

h4
{
  font-size: 1.25em;
}

h5
{
  font-size: 1em;
}

h6
{
  font-size: 0.8em;
}

h1, h2, h3, h4, h5, h6
{
  font-weight: bold;
}

ul.breadcrumbs,
ul.breadcrumbs li,
ul.breadcrumbs ul
{
  margin: 0;
}

ul.breadcrumbs li,
ul.breadcrumbs ul
{
  padding: 0;
}

ul.breadcrumbs
{
  display: block;
  padding: 0 0 0.5em 0;
  font-family: "cadmium egg";
  font-weight: bold;
  font-size: 1.1em;
}

ul.breadcrumbs li,
ul.breadcrumbs ul
{
  display: inline;
}

ul.breadcrumbs:before,
ul.breadcrumbs ul:before
{
  font-size: 1.25em;
  font-family: verdana, sans-serif;
  color: #706f89;
}

ul.breadcrumbs:before
{
  content: "↳";
}

ul.breadcrumbs ul:before
{
  content: "»";
}

html,
h1,
h1 a:link,
h1 a:visited,
ul.breadcrumbs a:link,
ul.breadcrumbs a:visited /*,
#sidebar a:link,
#sidebar a:visited*/
{
  color: #9fb6cc;
}

h1 a:link,
h1 a:visited
{
  text-decoration: none;
}

a img
{
  border: inherit;
}

/*#content > a > img,
#content > img
{
  margin-left: -3em;
}*/

#content
{
  border-top: solid thin;
}

#content
{
  border-right: solid thin;
}

/* 2007/05/06 */
/*#content dd,
#content li
{
  padding-bottom: 1.5em;
}*/

/*
 * Ideal solution would be display: run-in; for dd.
 * float: left; solution from http://www.simplebits.com/notebook/2003/10/19/styling_nested_lists.html#comment15
 */
dl.inlineDefs dt
{
  display: list-item;
  float: left;
  margin-right: 0.3em;
  font-weight: bolder;
}

dl.breakFlow dt:after
{
  content: ":";
}

dl.inlineDefs dd
{
  margin: 0;
}

/* http://webtypography.net/Rhythm_and_Proportion/Horizontal_Motion/2.1.6/ */
/* As a concession to users of IE, which does not show tooltips for abbr tags, I use only acronym tags. */
acronym,
.digits,
.caps
{
  text-transform: lowercase;
  font-variant: small-caps;
  letter-spacing: 0.025em;
  /* TODO avoid splitting numbers over lines (around commas) if I use this for numbers and not just serial-number-type sequences of digits */
}

#sidebar
{
/*  position: fixed; */
  position: absolute;
  /* TODO probably need to change some Firefox defaults to ems */
  top: 10.545em;
  left: 48em;
  padding: 1em;
  margin-left: 46px; /* 25 + 8 + 1, plus 12 more for good measure */
  border-left: solid thin;
  /* TODO what about overflowing images? */
}

/*#sidebar > ul
{
  padding: 1em;
  border: medium inset;
}

ul#sidebar li,
ul#sidebar ul
{
  list-style-position: inside;
  margin-left: 1.333em;
  line-height: 1.333;
  padding-left: 0;
}*/

/***********************************
 * Begin code merged from old site *
 ***********************************/

/*#footer,
#footer address a
{
  color: #ffffff;
}*/

#footer address
{
  font-style: inherit;
}

#footer ul
{
  border: 0;
  margin: 0;
  padding: 0;
}

#footer ul > li
{
  display: inline;
  list-style-type: none;
}

a.button, a.validbutton,
a.button:link, a.validbutton:link,
a.button:visited, a.validbutton:visited
{
  text-decoration: inherit;
  color: #000029 !important;
  background-color: #bebebe;
}

a.button, a.validbutton
{
  border: 0.1em outset white;
  margin: 0em;
  padding: 0em 0.15em;

  line-height: 1.65em;
  font-size: 1em;
}

a.button:hover, a.validbutton:hover,
a.button:active, a.validbutton:active
{
  color: #202000 !important;
}

a.validbutton:before
{
  color: #800000;
  content: "\002714  "; /* Unicode heavy check mark.  Also, must escape the space. */
}

a.button:before
{
  content: "<";
}

a.button:after
{
  content: ">";
}

/*
 * Ideal solution would be display: run-in; for dd.
 * float: left; solution from http://www.simplebits.com/notebook/2003/10/19/styling_nested_lists.html#comment15
 */
#content dl.inlineDefs dt
{
  display: list-item;
  float: left;
  margin-right: .3em;
  font-weight: bolder;
}

#content dl.breakFlow dt:after
{
  content: ":";
}

#content ul.inlineParenthetical
{
  display: inline;
  padding-left: 0;
  margin-left: 0;
}

#content ul.inlineParenthetical:before
{
  content: "(";
}

#content ul.inlineParenthetical:after
{
  content: ")";
}

#content ul.inlineParenthetical > li
{
  display: inline;
  list-style-type: none;
  white-space: nowrap;
  padding: 0;
  margin: 0;
}

#content ul.inlineParenthetical > li:before
{
  content: " | ";
}

#content ul.inlineParenthetical > li:first-child:before
{
  content: "";
}

#content li > dl
{
  padding-left: 1.5em;
}

#tags ul
{
  display: inline;
}

#content ul.singleline,
#tags ul
{
  margin-left: 0em;
  padding-left: 0em;
}

#content ul.singleline > li
{
  margin: 0;
  padding: 0;
}

#content ul.singleline > li,
#tags ul > li
{
  display: inline;
  list-style-type: none;
}

#content ul.singleline > li:before,
#tags ul > li:before
{
  content: " | ";
}

#content ul.singleline > li:first-child:before,
#tags ul > li:first-child:before
{
  content: "";
}

/*#tags, #update
{
  color: #ffffff;
}*/

/*#tags, #update
{*/
  /* -3.6 = -1.2 * 1.5 / .83333 to match h2 */
/*  margin: 0 0 0 -3.6em;
  font-size: .83333em;
  overflow: none;
}*/

caption
{
  font-size: 120%;
  font-weight: bold;
}

ins
{
  text-decoration: inherit;

  /* display: table is magical once again */
  display: table;

  /* The outline created with the outline properties is drawn "over" a box, i.e., the outline is always on top, and doesn't influence the position or size of the box, or of any other boxes. Therefore, displaying or suppressing outlines does not cause reflow or overflow. http://www.w3.org/TR/CSS21/ui.html#propdef-outline */
  /* ... grumble Mozilla grumble ... */
/*  margin: 0 1px;*/
  /* I now set overflow for divs instead */
}

ins.current
{
  outline: #800000 solid 1px;
  background-color: #000000;

  /* Offset from the surrounding text.
  border: 1px solid #800000;
  padding: -1px;
  */

  /* OK, but produces a border without max-width: 99% */
/*  border: 1px solid #800000;
  margin: -1px;*/
  /* 100% is too wide, presumably because of the border or margin or something? */
/*  max-width: 99%;*/

  /* display: table has solved this */
}

/* If I don't pass these along, then it seems that the properties of block-level ins elements don't show up because they aren't actually treated as block elements. */
/* No longer necessary with display: table */
/*ins.current > *
{
  outline: inherit;
  background-color: inherit;
}*/

/* Special case for SmartSearch changelog entries */
dd > ins,
/* Special case for AFS download link, among other places */
li > ins
{
  display: inline;
}

#updateanchors
{
  display: none;
}

fieldset
{
  border: 0;
  margin: 0;
  padding: 0;
}

#footer
{
  margin-top: 1em;
}

/* Football stat searches */

label
{
  font-weight: bolder;
  padding-right: 1em;
}

#content fieldset > ul > li + li
{
  margin-top: 1em;
}

#content fieldset > ul > li + li > *
{
  margin-top: 0;
}

/* Schedule formatter */

textarea
{
  display: block;
}

/* Meal plans */
table#mealplans
{
  border-spacing: 0;
}

table#mealplans th,
table#mealplans td
{
  padding: .25em;
}

table#mealplans tr:first-child th
{
  text-align: center;
  background-color: black;
  color: #dddddd;
}

table#mealplans tr + tr th
{
  text-align: left;
  background-color: #202080;
  color: yellow;
}

table#mealplans td
{
  text-align: right;
}

th#mealplans,
td#mealplans,
table#mealplans
{
  border: thin solid black;
}

table#mealplans caption
{
  font-size: 2em;
}

table#mealplans
{
  font-size: .83333em;
}

/* CS1502 */
#results ol
{
  font-size: 3em;
  font-family: monospace;
  display: block;
  margin: 0;
  padding: 0;
}

#results ol li
{
  display: inline;
  list-style-type: none;
}

#results ol li:before
{
  content: " ";
}


#results ol li:first-child:before
{
  content: "";
}

#results strong
{
  font-weight: bolder;
  background-color: yellow;
}

#depthcharts th
{
  text-align: left;
}

#depthcharts td
{
  text-align: center;
}

#depthcharts th
{
  padding: 0 0.5em;
}

dl.introvertmyths dd
{
  padding-left: 0;
  margin-left: 0;
}