/* COIN65 general stylesheet for weekly lecture documents */
/**********************************************
File:        65-styles_lecture.css
Description: Styles for lecture pages

Author:      Virginia Phelps & Ken Seto
Created:     December 2, 2006
Copyright 2006
Last edit:   virginia: 04/05/2007 7:30 pm

***********************************************/

/* 'Directory' of CSS Rules

    =HEADER
    =FOOTER
    =NAVIGATION
    =CONTENT
    =CONTENT =HEADING ELEMENTS
    GLOBAL: =SAMPLE SOURCE & RENDERED CODE
    GLOBAL: =CALLOUTS & QUOTES
    GLOBAL: =LINKS
    GLOBAL: =BLOCK ELEMENTS
    GLOBAL: =TEXT FORMATTING
    GLOBAL: =PAGE LAYOUT & EMBELLISHMENTS
    GLOBAL: =TABLE PROPERTIES
*/


body
{
  font: 10pt verdana, skia, arial, helvetica, sans-serif;
  color: #000;
  background-color: #fff;
}

@page 
{
/*  size: 7.6in 10.2in;*/
  margin: 0.1in;
}

/* ============================================
   =HEADER
   ============================================
*/

#header
{
  display: block;
  padding-bottom: 8pt;
  border-bottom: 2px solid #555;
}

#header h1
{
  margin: 0 0 6pt;
  display: block;
  text-align: center;
  font: bold 20pt "Times New Roman", Times, serif;
  font-variant: small-caps;
}

/* Style the page sub-title */
#header h2
{
  display: block;
  text-align: center;
  font: bold 18pt "Times New Roman", Times, serif;
  margin: 0;
}


/* ============================================
   =FOOTER
   ============================================
*/

#footer
{
  text-align: left;
  padding-top: 5pt;
}

#footer p
{
  display: none;
}

#footer:before 
{
  font-size: 8pt;
  content: "Copyright © 2006-07 Sandi Watkins & Greg Mcilhiney"; 
}

/* ============================================
   =NAVIGATION
   ============================================
*/

/* Navigation at the top and bottom of each lecture page. */
.nextPrevNav
{
  display: none;
}

/* ============================================
   =CONTENT
   ============================================
*/

#content a[title="Enlarge Image"]
{
 text-decoration: none;
 border-bottom-style: none;
}

/*,
#content div[class="floatRight"],*/

#content img[class="floatRight"],
#content p[class="floatRight"]
{
 float: none;
}

#content 
{
	widows: 2;
	orphans: 2;
}


/* ============================================
   =CONTENT =HEADING ELEMENTS
   ============================================
*/

/* Use this class to style lecture content headings. */
#content .head
{
  padding-top: 8pt;
  border-top: 1px dotted #555;
  clear: both;
  page-break-after: avoid;
}

#content h4
{
  page-break-after: avoid;
}


/* ============================================
   GLOBAL: =SAMPLE SOURCE & RENDERED CODE
   ============================================
*/

/* A light gray box with a border, for highlighting code */
.codeBox
{
  margin: 10pt 0%;
  padding: 10pt;
  color: #000;
  background-color: #ccc;
  border: 1px solid  #000;
  page-break-inside: avoid;
}

.codeBox code
{
  display: inline;
  white-space: pre;
  font-style: normal;
  font-weight: normal;
}

.codeBox em
{
  font-weight: bold;
  font-style: normal;
}

/* Use this for sample code */
code
{
  display: inline;
  white-space: pre;
  font-family: 'courier new', courier, 'lucida console', monospace;
  font-weight: bold;
}

/* Use this to add a border around a rendered example */
.rendered
{
  border: #999 1px dotted;
  padding: 5pt 0;
}


/* ============================================
   GLOBAL: =CALLOUTS & QUOTES
   ============================================
*/

/* Use this for a highlighted paragraph. */
.note
{
  margin: 15pt 0;
  padding: 5pt;
  width: 60%;
  line-height: 14pt;
  border: 1px dotted #555;
  page-break-inside: avoid;
}


/* Use this as a general callout feature in conjunction with
   different rules for Gems, Tips, Warnings, IE Issues, Stars. */
.callout
{
  width: 25%;
  float: none;
  padding: 1%;
  margin: 10pt 0;
  border: 1px solid #555;
  line-height: 1.5em;
  page-break-inside: avoid;
}


.tip, .star, .warning, .ieIssue
/* Use this to add formatting to tips, etc. */
{
  font-size: 9pt;
}

/* automatically add "Tip: " in bold italic to the sidebar */
.tip:before
{
  content: "Tip: ";
  font-style: italic;
  font-weight: bold;
}

/* automatically add "Warning: " in bold italic to the sidebar */
.warning:before
{
  content: "Warning: ";
  font-style: italic;
  font-weight: bold;
}

/* automatically add "IE Issue: " in bold italic to the sidebar */
.ieIssue:before
{
  content: "IE Issue: ";
  font-style: italic;
  font-weight: bold;
}

/* Use to center headings in callout boxes */
.callout h5 {
	text-align: center;
	font-size: 100%;
}

/* Left border offset quote styling. */
.quote1
{
  margin: 18pt;
  padding: 0 22pt;
  border-left: 5pt solid #888;
  line-height: 15pt;
  text-align: justify;
}

/* Quotation marks styling. */
.quote2
{
  margin: 0 18pt;
  text-align: justify;
  line-height: 15pt;
  background: url(images/right_quote.gif) bottom right no-repeat;
}

/* A second nested div is required for quotation mark image in background. */
.quote2 div
{
  padding: 24pt;
  background: url(images/left_quote.gif) top left no-repeat;
}


/* ============================================
   GLOBAL: =LINKS
   ============================================
*/

/* link URIs to internal anchors do not show */
#content a[href]:after
{
  content: " (" attr(href) ")";
}

#content a[href^="#"]:after
{
  text-decoration: none;
  content: "";
}

/* printed link text and URIs are black, italic with
no underlining */
a 
{
  text-decoration: none;
  color: #000;
  font-style: italic;
}

/* makes link icons and second link reference disappear 
in Firefox but not IE6 */
a+a img, a[rel="_blank"]
{
  display:none;
}

#content a[title="Enlarge Image"]:after
{
  display: none;
}

a>img
{
 margin-top: 0;
 margin-bottom: 0;
 border: 0;
}


/* ============================================
   GLOBAL: =BLOCK ELEMENTS
   ============================================
*/

.tall li
{
  padding-bottom: 6pt;
}

dt
{
  font-weight: bold;
  font-style: italic;
  line-height: 15pt;
  margin-bottom: 5pt;
  color: #555;
  background-color: inherit;
  page-break-after: avoid;
}

dd
{
  margin-bottom: 5pt;
  line-height: 15pt;
}


/* ============================================
   GLOBAL: =TEXT FORMATTING
   ============================================
*/

.term
/* Use .term for emphasizing a term. It will format text as
   bold italic, and make the text blue. */
{
  font-weight: bold;
  font-style: italic;
  color: #000;
  background-color: inherit;
}



/* ============================================
   GLOBAL: =PAGE LAYOUT & EMBELLISHMENTS
   ============================================
*/

/* center large images on page */
.largeImage {
	text-align: center;
}

/* Indent text. */
.in1
{
  margin-left: 20pt;
}

.in2
{
  margin-left: 40pt;
}

.floatLeft
{
  float: left;
  margin: 0 10pt 10pt 0;
}

.floatRight
{
  float: right;
  margin: 0 0 10pt 10pt;
}

.clearFloats
{
  clear: both;
}


/* An alternative to an HR, a good looking 1px line separation */
.rule
{
  border-bottom: 1px solid #555;
  margin-top: 8pt;
  margin-bottom: 8pt;
  font-size: 0;
}


/* ============================================
   GLOBAL: =TABLE PROPERTIES
   ============================================
*/

tr
{
  vertical-align: top;
  page-break-inside: avoid;
}