/*
 * A generic design for Sam Rebelsky's course sites, updated for CSC 151.
 * Copyright (c) 2001-2014 Samuel A. Rebelsky.  All rights reserved.
 */

/* 
 * Here's a nice overall appearance.  Some extra whitespace at the sides.  
 * Mostly white.  Note that the 100px at the left is intended to be
 * enough for the logo.
 */
BODY {  
  margin-left: 6%;
  margin-right: 4%; 
  color: black;
  background-color: white;
  background-position: top left;
  /* background-attachment: fixed; */
  background-repeat: no-repeat;
}

/* Get rid of the stupid HR that appears at the top. */
div.titlepage hr {
  display: none;
}

/* The head and the foot. */
div.head {
  background-color: rgb(232,232,232); 
  border-bottom: thin solid black;
}

div.titlepage hr {
  display: none;
}

div.body {
  background-color: rgb(240,240,240);
}

div.section {
  background-color: rgb(240,240,240);
}

div.foot {  
  border-top: solid black;
  border-bottom: thin solid black;
  background-color: rgb(232,232,232); 
  border-width: 3px 0em 0em 5px;
  margin-top: 5px;
  padding-right: 0.2em;
  padding-top: 0.5em;
  padding-left: 0.5em;
}

div.pagenotes {
  margin-left: 15%;
  font-size: small;
}

/* Have some fun with my headers */
H1, H2 { 
  color: white;
  background-color: #0b61a4;
  font-weight: bold;
  font-family: Helvetica, sans-serif;
  /* border: solid silver; */
  /* margin-left: -0.7em;  */
  padding-left: 0.2em;
  padding-top: 0.2em; 
  border-top: 10px solid white;
}

H1 {
  /* border-width: 6px 0em 0em 5px; */
  font-size: 1.4em;
  text-align: center;
  /* margin-left: -20px; */
  border-bottom: thick solid white;
}

H2 {
  border-width: 4px 0em 0em 5px;
  font-size: 1.2em;
  /* margin-left: -10px; */
}

H3 {
  color: #0b61a4;
  font-family: Helvetica, sans-serif;
  border-width: 2px 0em 0em 5px;
  font-size: 1.1em;
  font-style: italic;
  /* margin-left: -5px; */
}

H4 {
  color: #0b61a4;
  font-family: Helvetica, sans-serif;
}

P {
  /* text-align: justify; */
}

P.course {  
  font-family: Arial, Helvetica, sans-serif; 
  font-weight: bold;
  font-size: 1.1em;
  text-align: right;
  color: white;
  background-color: #0b61a4;
  padding-top: 5px;
  padding-bottom: 5px;
}

P.course a:link {
  color: white;
}
P.course a:visited {
  color: white;
}


/* The collection of links that appear at the top and bottom of each page. */
p.links {
  text-align: left;
  font-size: small;
  margin-top: 0pt;
  margin-bottom: 0pt;
}

/* The search form that appears at the top and bottom of each page. */
form.search {
  text-align: right;
  font-size: small;
  margin-top: 0pt;
  margin-bottom: 0pt;
  padding: 0pt;
}

HR {
  width: 50%;
  text-align: right;
  color: maroon;
  background-color: white;
}
HR.history {
  width: 50%;
  text-align: right;
}

DT {
  font-weight: bold;
}

SPAN.guimenu {
  font-weight: bold;
  font-size: small;
  font-family: Helvetica, sans-serif;
  background-color: rgb(224,224,240);
}
SPAN.guimenuitem {
  font-weight: bold;
  font-size: small;
  font-family: Helvetica, sans-serif;
  background-color: rgb(224,224,240);
}

SPAN.uimenu {
  font-weight: bold;
  font-family: Helvetica, sans-serif;
}

SPAN.uimenuitem {
  font-weight: bold;
  font-family: Helvetica, sans-serif;
}

SPAN.uibutton {
  font-weight: bold;
  font-family: Helvetica, sans-serif;
  color: black;
  background-color: silver;
}

SPAN.uiwindow {
  font-family: Helvetica, sans-serif;
}

SPAN.uikey {
  font-family: Helvetica, sans-serif;
  font-style: oblique;
}

DIV.NOPRINT {
  margin-bottom: 0px;
} 

P.invisible {
  font-size: 1px;
}


DIV.shortversion {
  border: solid silver;
  border-width: 2px 2px 2px 2px;
}

DIV.code {
  color: black;
  background-color: silver;
}

KBD {
  font-weight: bold;
}

SPAN.schemeresult {
  color: RGB(32,0,127);
  background-color: silver;
}

SPAN.schemeerror {
  color: red;
  background-color: silver;
}

SPAN.errortext {
  color: red;
}

/**
 * Standard background color for preformatted sections.
 */
PRE,
PRE.screen,
PRE.programlisting,
DIV.literallayout {
  background-color: rgb(224,224,224);
}

PRE {
  border-width: 1px;
  border-style: solid;
  margin-left: 2em;
  margin-right: 2em;
  padding: 5px;
}

PRE.screen {
  border-width: 1px;
  border-style: dashed;
  border-color: black;
  color: black;
  background-color: rgb(224,224,240);
  padding: 5px;
  margin-left: 2em;
  margin-right: 2em;
}

TD PRE.screen {
  border-width: 1px;
  border-style: dashed;
  margin-left: 1px;
  margin-right: 1px;
  padding: 5px;
}

PRE.programlisting {
  border-style: double;
  border-width: 1px;
  border-color: black;
  color: black;
  background-color: rgb(224,224,240);
  padding: 5px;
  margin-left: 2em;
  margin-right: 2em;
}

DIV.literallayout {
  border-style: double;
  border-width: 1px;
  border-color: black;
  color: black;
  background-color: rgb(224,224,240);
  padding: 5px;
  margin-left: 2em;
  margin-right: 2em;
}

TD {
  border: 1px solid #A0A0A0;
  vertical-align: top;
}

TD PRE.programlisting {
  border-style: double;
  border-width: 1px;
  margin-left: 1px;
  margin-right: 1px;
  padding: 5px;
}

TABLE.schedule TH {
  text-align: left;
  border: 1px solid #A0A0A0;
}

TR.week {
  color: white;
  background-color: #0b61a4;
}

TR.break {
  background-color: white;
}

TR.break TH {
  text-align: center;
}

TR.week TH {
  text-align: center;
}

TABLE.schedule {
  width: 100%;
  font-size: small;
  border: 2px solid #A0A0A0
  border-collapse: collapse;
  vertical-align: top;
}

TABLE.index {
  margin-left: 5%;
  width: 90%;
  border-collapse: collapse;
  border-style: none;
  vertical-align: top;
}

SPAN.guibutton {
  background-color: rgb(224,224,240);
  border-color: rgb(208,208,192);
  border-style: ridge;
  border-width: 2px;
  border-radius: 5px;
  padding-left: 3px;
  padding-right: 3px;
  font-size: small;
  font-family: Helvetica, sans-serif;
} 

/*
 * Force a break in the middle of a paragraph.  (Hack!)
 */
SPAN.break {
  display: block;
}

/*
 * Overviews (still under development).
 */
SPAN.overview {
  display: block;
}

/*
 * Override some of the Docbook decisions
 */

.userinput {
  font-weight: normal;
}

/*
 * Formatted Scheme code
 */

.comment {
  color: rgb(193,116,31);
  font-style: oblique;
}

.keyword {
  font-weight: bold;
  color: rgb(38,38,128);
}

.number {
  color: rgb(41,128,38);
}

.paren {
  color: rgb(132,60,36);
}

.strbdy {
  text-decoration: underline;
}

.string {
  color: rgb(41,128,38);
}

.symbol {
  color: rgb(38,38,128);
}

/*
 * Set up for printing
 */
@media print {
  div.head {
    display: none;
  }
  div.NOPRINT {
    display: none;
  }

  @page {
    margin: 0.5in;
  }

  H1, H2 { 
    color: #0b61a4;
  }

  H1 {
    padding-top: 0;
  }

  H1, H2, H3 {
    margin-top: 0;
    padding-top: 0;
    padding-left: 0;
    margin-left: 0;
  }

  H1 {
    border-bottom: 1px solid #0b61a4;
  }

  div.foot {
    border-top: 1px solid #0b61a4;
  }

  H2, H3 {
    font-size: 100%;
  }

  P.course {
    font-size: small;
    color: rgb(128,128,128);
  }

  P.course,
  div.section,
  div.titlepage {
    margin: 0;
    padding: 0;
  }

  PRE {
    font-size: 90%;
  }

   a {
     text-decoration: none;
   }
   a:link {
     color: blue;
   }
   a:visited {
     color: blue;
   }
}