/* To use this style sheet, include the following in your <HEAD> section:
     <LINK rel="stylesheet" href="main.css" type="text/css">
 */


/* Overrides default body settings. Use on most pages. This sets the
   default page margin, background color, font and font color. Syntax:
   <BODY>
   (In other words, nothing special. These are defaults.)
   Note: RGB color values range from 0-255.
 */
body {
  margin:           5%;
  background-color: white;
  font-family:      arial, helvetica, sans-serif;
  color:            rgb(68, 68, 68);
}


/* Sets the default unvisited link color for all pages. Color: brownish. */
:link {
  color: rgb(112, 0, 0);
}


/* Sets the default visited link color for all pages. Color: purple. */
:visited {
  color: rgb(85, 17, 133);
}


/* Sets the default active link (hover over) color -- not supported by
   all browsers. Color: Navy. */
:active {
  color: rgb(0, 51, 102);
}


/* Paragraph style for exceptionally large heading text. Syntax:
     <P CLASS="big_heading">Heading Text</P>
 */
p.big_heading {
  margin-top:  2.5em;
  font-weight: 700;
  font-size:   120%;
}


/* Paragraph style for standard heading text. Syntax:
    <P CLASS="heading">Welcome to my site</P>
 */
p.heading {
  margin-top:  2.5em;
  font-weight: 700;
}


/* Paragraph style for the title above each customer letter. Syntax:
    <P CLASS="letter_title">Letter from Sam</P>
 */
p.letter_title {
  margin-top:  2.5em;
  font-weight: 700;
}


/* Span style for book titles. Syntax:
    <SPAN CLASS="book_title">Reincarnation. University Press, 1970</SPAN>
 */
span.book_title {
  font-weight: 700;
  font-style:  italic;
}


/* Blockquote style for a book or lecture citation. Syntax:
    <BLOCKQUOTE CLASS="citation">If anyone asserts...</BLOCKQUOTE>
 */
blockquote.citation {
  margin: 3em;
}


/* Paragraph style for citations within a blockquote citation.
   Note: this style is restricted for use only within a citation blockquote.
   Syntax:
    <BLOCKQUOTE CLASS="citation">
    <P>From a Lecture</P>
    <P>My first topic is...</P>
    </BLOCKQUOTE>
 */
blockquote.citation > p {
  font-family: times roman, times new roman, courier, serif;
}


/* Thumbnail Guidelines:
   Painting should be flush to the left and top edges of the image.
   Drop-shadows should extend 10 pixels to the right and below.
 */

/* Image style for centered thumbnail images.
   This style offsets the position of the image to account for the drop shadow,
   centering the painting part of the image on the page. If the drop shadow is
   not accounted for, the thumb looks off center. Syntax:
     <CENTER>
     <IMG SRC="art/thumb.jpg" WIDTH="100" HEIGHT="100" ALT="Thumb Painting"
          CLASS="thumb_center">
     </CENTER>
 */
img.thumb_center {
  padding:       0px;
  padding-left: 10px;
  padding-top:  10px;
  border-width:  0px;
}


/* Image style for flush left thumbnail images.
   This style adds padding around the edges of image to separate it from
   the text. Padding is not evenly applied to account for the fading drop
   shadow. Use only with images with proper right-down drop shadows.
   Syntax:
    <IMG SRC="art/thumb.jpg" WIDTH="100" HEIGHT="100" ALT="Thumb Painting"
         CLASS="thumb_left">
 */
img.thumb_left {
  padding-right:   5px;
  padding-bottom:  5px;
  padding-top:    12px;
  padding-left:    0px;
  border-width:    0px;
}


/* Image style for flush right thumbnail images.
   This style adds padding around the edges of image to separate it from
   the text. Padding is not evenly applied to account for the fading drop
   shadow. Use only with images with proper right-down drop shadows.
   Syntax:
    <IMG SRC="art/thumb.jpg" WIDTH="100" HEIGHT="100" ALT="Thumb Painting"
         ALIGN="RIGHT"
         CLASS="thumb_right">
 */
img.thumb_right {
  padding-right:   0px;
  padding-bottom:  5px;
  padding-top:    12px;
  padding-left:    5px;
  border-width:    0px;
}


/* Div style for medium height vertical space.
   Use this space when paragraphs or sections require more separation than usual.
   Syntax:
    <DIV CLASS="med_vspace"></DIV>
 */
div.med_vspace {
  height: 0.3in;
}


/* Div style for large height vertical space.
   Use this space to separate sections with major content differences.
   This is the largest vertical spacing style in this style sheet.
   Syntax:
    <DIV CLASS="large_vspace"></DIV>
 */
div.large_vspace {
  height: 0.4in;
}


/* Div style for the triple sunburst divider graphic.
   Use this style for standardized spacing to separate sections,
   for example before the navigation bar at the bottom of a page. Syntax:
    <DIV CLASS="sun_divider">
      <IMG SRC="images/past-life.gif" WIDTH="114" HEIGHT="28">
    </DIV>
   Note: <CENTER> tag is not needed.
 */
div.sun_divider {
  margin-top:    20px;
  margin-bottom: 20px;
  text-align:    center;
}


/* Div style for the triple sunburst divider graphic.
   Use this style for standardized spacing to introduce sections,
   for example, use it to separate a title from the first paragraph. Syntax:
    <DIV CLASS="sun_divider_short">
      <IMG SRC="images/past-life.gif" WIDTH="114" HEIGHT="28">
    </DIV>
   Note: <CENTER> tag is not needed.
 */
div.sun_divider_short {
  margin-top:    5px;
  margin-bottom: 5px;
  text-align:    center;
}


/* Div style for standard navigation bar formatting. Syntax:
    <DIV CLASS="nav_bar">
      <A HREF="index.html#index">Home</A>
     |
      <A HREF="information.html">Obtaining&nbsp;a&nbsp;Reading</A>
     |
      <A HREF="letters.html">Letters&nbsp;From&nbsp;Clients</A>
     |
      <A HREF="teachings.html">Teachings</A>
     |
      <A HREF="donnabio.html">About&nbsp;Donna</A>
    </DIV>
   Note: <CENTER> tag is not needed.
 */
div.nav_bar {
  margin-top:    40px;
  margin-bottom: 20px;
  text-align:    center;
}


/* Div style for standard copyright notice. Syntax:
    <DIV CLASS="copyright">
    Copyright &copy; 2002 Donna Ciaciarella.
    All images and text.
    All rights reserved.
    </DIV>
*/
div.copyright {
  margin-top: 50px;
  font-size:  75%;
  text-align: center;
}




/* Body settings for painting pages. Use only on painting pages. This sets the
   page margin, background color, font, font color, and line height. Syntax:
    <BODY CLASS="painting">
 */
body.painting {
  margin: 2%;
  background-color: white;
  font-family: times roman, times new roman, courier, serif;
  line-height: 1.2em;
  color: black;
}


/* Paragraph style for painting titles on painting pages. Syntax:
    <P CLASS="title">Chaos and Order, No. 5</P>
 */
p.title {
  font-size: 120%;
  font-weight: 700;
}


/* Div style for the "back" link on painting pages. Syntax:
    <DIV CLASS="back_link"><A HREF="../index.html">Back To Page</A></DIV>
 */
div.back_link {
  margin-top: 2.5em;
  text-align: center;
  font-weight: 600;
}