/************************************************************************/
/***                                                                  ***/
/***  This is the default Cascading Style Sheet for Fuzz-n-Buzz.com   ***/
/***                                                                  ***/
/***  Created:  2005-05-14                                            ***/
/***                                                                  ***/
/************************************************************************/


/************************************************************************/
/***                                                                  ***/
/***  Change Log                                                      ***/
/***                                                                  ***/
/************************************************************************/

/***
Date        Change
-----------------------------------------------------------------------
2005-05-21  - Removed redundant items
            - Made source code more readable
            - Add many new classes and descriptors

-----------------------------------------------------------------------
***/

/************************************************************************/
/***                                                                  ***/
/***  Establish the defaults for the entire page                      ***/
/***                                                                  ***/
/************************************************************************/

body {
  font-family: serif; 
  font-size: 12pt; 
  color: black; 
  margin: 0px;
  padding: 0px; 
  background-color: #CC66CC;    /* medium-light purple */
  background-color: #CC00CC;    /* medium purple */
  background-color: #AA00BB;    /* dark purple */
}

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


/************************************************************************/
/***                                                                  ***/
/***  Establish the defaults for the headings                         ***/
/***                                                                  ***/
/************************************************************************/

h1, h2, h3, h4, h5, h6 { 
  font-family: Arial, Helvetica, sans-serif; 
}

h1 { 
  text-align: center; 
  color: yellow; 
}

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


/************************************************************************/
/***                                                                  ***/
/***  Establish the defaults for various paragraphs                   ***/
/***                                                                  ***/
/************************************************************************/

p { 
  margin: 10px; 
  font-family: "serif"; 
}

p.spacer {
  margin: 0px;
  padding: 0px;
}

p.welcome-text { 
  margin-left: 100px; margin-right: 100px;
  font-style: "italic"; 
  font-size: 12pt;
  font-weight: bold;
  color: yellow; 
  text-align: center; 
}

p.copyright { 
  font-size: 10pt; 
  font-style: "italic"; 
  color: yellow; 
  text-align: center;
}

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


/************************************************************************/
/***                                                                  ***/
/***  Establish defaults for tables                                   ***/
/***                                                                  ***/
/************************************************************************/

table {
  padding: 0px; 
  margin: 0px; 
  border: 0px solid white; 
  border-spacing: 0px;
}

table.banner {
  width: 850px;
}

table.banner * {
  border: 0px solid white;
}

table.body {
  width: 100%;
}

table.samples {
  width: 100%;
}

table.samples * {
  border: 0px solid white;
}

td { 
  font-size: 14pt; 
  color: #E6E639; 
  padding: 0px; 
  margin: 0px; 
  border: 0px solid white;
}

table.samples * td.sample {
  width: 250px;
  text-align: center;
  border: 0px solid yellow;
}

td.text { 
  background-color: #E6B6FF; /* lt purple */
  font-size: 13pt;
  color: black; 
  text-align: justify;
}

td.banner-text { 
  width: 600px;
}

td.border { 
  width: 10px; 
}

td.buttons { 
  vertical-align: top;
  width: 150px; 
}

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


/************************************************************************/
/***                                                                  ***/
/***  Establish defaults for images                                   ***/
/***                                                                  ***/
/************************************************************************/

img {
  margin: 0px;
  padding: 0px;
}

img.spacer {
  margin: 0px;
  border: 0px solid white;
}

img.thumbnails { 
  float: right; 
  margin: 10px; 
  border: 0px; 
}

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


/************************************************************************/
/***                                                                  ***/
/***  Establish defaults for horizontal rules                         ***/
/***                                                                  ***/
/************************************************************************/

hr { 
  border-style: solid;
  border-width: 1px;
  width: 90%; 
}

hr.block-top, hr.block-bottom, hr.row-divide { 
  color: yellow; 
}

hr.text { 
  color: #B78BBB; 
}

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


/************************************************************************/
/***                                                                  ***/
/***  End of the default CSS                                          ***/
/***                                                                  ***/
/************************************************************************/