/*   CSS style create by Mark A. Sheldon for Spring 2008
 *
 *   We'll see how many pages beyond index.html get converted to use it :-)
 *
 *   The idea is that each page has a header with the CS111 logo on
 *   the left and a title on the right.  The main text comes below.
 *   
 *   +--------+---------------------------------+
 *   |        |                                 |
 *   | logo   |   topcontent (title)            |
 *   |        |                                 |
 *   +--------+---------------------------------+
 *   |                                          |
 *   |                                          |
 *   |                                          |
 *   |                                          |
 *   |            maincontent                   |
 *   |                                          |
 *   |                                          |
 *   |                                          |
 *   |                                          |
 *   |                                          |
 *   +------------------------------------------+
 *
 *
 *   The logo and topcontent divs are wrapped in a div called
 *   "topmatter".
 *
 *   For some reason, things don't work well at all in IE on the 
 *   Mac.  I haven't tested it on PCs.
 */

body
{
     background-color: #F0F0F0;/* #CCCCE5; */
     font-family: georgia, verdana, sans-serif;
}


#topmatter
{
     width: 56em;
     min-height: 155px;  /* height of logo */
     padding: 0px 0px 15px 0px;
}

#logo
{
     background:        url("buggleseatbagelstrans.gif");
     background-repeat: no-repeat;
     height:            145px;
     width:             140px;
     float:             left;
     margin:      0px 2em 0.5em 0px; 
}

#logo:hover
{
       cursor: pointer;
/*     background: url("buggleseatbagels.gif"); */
/*     background-color: #E0E0E0; */
}


#topcontent
{
     vertical-align: middle;
     margin-left: 60px;
     min-height: 155px;  /* match height of logo */
}

#maincontent
{
     max-width: 65em;
     border-top: thin solid #000000;
     border-bottom: thin solid #000000;
     padding-top: 1.5ex;
}

.navlist
{
     list-style-type: none;
}

.navlist a
{
     color: #808080;  /* Grey */
     font-weight: bold;
}

.navlist a:hover
{
     color: #0C0C0C;   /*maroon;*/
}

a
{
    color: blue;
}

a:visited
{
     color: #000099;
}

.code
{
     color: #990066;
     font-family: fixed;
}

.code:visited
{
     color: #550022;
}

img.floatLeft{
  	float: left;
	margin: 4px;
	padding: 3px 3px 3px 3px;
}
.plain_text
{
     max-width: 46em; /*650px;*/
     text-align: left;
}

#dogtag
{
     margin-top: 20px;
     margin-bottom: 10px;
     position: relative;
     right: 0px;
     font-size: x-small;
}

table
{
     border-collapse: collapse;
}

table th
{
     padding: 0.5em;
}

table td
{
     padding: 0.5em;
}
.labdate
{ 
     color: blue;
}
.due
{
     color: red;
}

a.due:visited
{
     color: maroon;
}

a.code
{
     font-family: courier, fixed;
}

iframe
{
     background-color: #E0E0F0;
}

/* [lyn, 03/13/11] Added this to make code solutions easier to 
   distinguish from surrounding text */
pre {
     padding: 1em;
     border: 1px dashed #2f6fab;
     color: black;
     background-color: white;
     line-height: 1.1em;
     white-space: pre;
     font-size: 10pt;
     overflow: auto;
}