/* document style */
html
{
  background-color: #fee;
  margin:           0;
}

/* body style */
body
{
  background-color: #fff;
  border:           2px solid #900;
  color:            #333;
  display:          block;
  font-family:      Tahoma, Verdana, sans-serif;
  font-size:        0.85em;
  margin:           20px auto;
  padding:          0;
  width:            960px;
}

/* keeps content inside page */
body:after
{
  clear:            both;
  content:          "";
  display:          block;
}



/*********
 * Links *
 *********/

a:link,
a:visited
{
  color:            #036;
  text-decoration:  underline;
}

a:hover,
a:active
{
  color:            #036;
  text-decoration:  none;
}



/***********
 * Headers *
 ***********/

h1
{
  color:            #900;
  font-family:      Georgia, serif;
  font-size:        2em;
  font-weight:      bold;
  margin:           0;
  padding:          0 0 5px 0;
  text-transform:   uppercase;
}

h2
{
  color:            #900;
  font-family:      Georgia, serif;
  font-size:        1.6em;
  font-weight:      bold;
  margin:           0;
  padding:          0 0 5px 0;
  text-transform:   uppercase;
}

h2 a:link,
h2 a:visited
{
  text-decoration:  underline;
}

h2 a:hover,
h2 a:active
{
  text-decoration:  none;
}

h3
{
  color:            #600;
  font-family:      Georgia, serif;
  font-size:        1.3em;
  font-weight:      bold;
  margin:           0 0 0.25em 0;
  padding:          0;
  text-transform:   uppercase;
}

h4
{
  color:            #000;
  font-family:      Tahoma, Verdana, sans-serif;
  font-size:        1.1em;
  font-weight:      bold;
  margin:           0 0 0.25em 0;
  padding:          0;
  text-transform:   none;
}



/********
 * Text *
 ********/

/* paragraph */
p
{
  margin:           0;
  padding:          0;
}

p + p
{
  margin-top:       1em;
}

.bright
{
  color:            #a00;
}



/*********
 * Lists *
 *********/

/* default unordered and ordered lists */
ul, ol
{
  margin:           0;
  padding:          0 0 0 2em;
}

* + ul,
* + ol
{
  margin-top:       0.5em;
}

ul + *,
ol + *
{
  margin-top:       1em;
}

/* unordered list item */
ul li
{ 
  font-family:      Tahoma, Verdana, sans-serif;
  font-size:        1em;
  list-style:       outside disc;
}

/* nested unordered list */
ul ul
{
  padding-bottom:   5px;
}



/* header section at top of page */
div#header
{
  background-color: transparent;
  color:            #900;
  margin:           10px auto 0;
  padding:          0 0 20px 0;
  text-align:       center;
}

div#header p
{
  font-family:      Tahoma, Verdana, sans-serif;
  font-size:        1.25em;
  font-style:       italic;
  font-weight:      bold;
  padding:          0 0 15px 0;
}



/********
 * Menu *
 ********/

div#menu
{
  margin:           0 auto;
  padding:          0 0 5px 0;
}

/* menu is made of an unordered list */
div#menu ul
{
  padding:          0;
}

/* menu items are displayed inline */
div#menu li
{
  display:          inline;
  list-style:       none;
  margin:           0 5px;
  padding:          0;
}

/* for the current page */
div#menu li.current
{
  background-color: #600;
  color:            #fff;
  font-family:      Tahoma, Verdana, sans-serif;
  font-size:        2em;
  font-weight:      bold;
  padding:          5px 10px;
}

/* this puts padding around the link text */
div#menu li a
{
  background-color: #900;
  border:           3px solid #900;
  color:            #fff;
  font-family:      Tahoma, Verdana, sans-serif;
  font-size:        2em;
  font-weight:      bold;
  padding:          2px 7px;
  text-decoration:  none;
}

/* change the background color for hovered menu items */
div#menu li a:hover
{
  color:            #900;
  background-color: #fff;
}



/***********
 * Sidebar *
 ***********/
 
div#sidebar
{
  float:            left;
  margin:           10px;
  padding:          0;
  width:            300px; /* 320px - 10px - 10px */
}

div#sidebar img.piggy
{
  margin-bottom:    10px;
}

/* a section in the sidebar */
div#sidebar div.section
{
  background-color: #fdd;
  /*border:           2px solid #900;*/
  color:            #333;
  margin:           0 0 10px 0;
  padding:          10px;
}

div#sidebar div.section h1,
div#sidebar div.section h2
{
  color:            #600;
}

/* copyright section at bottom */
div#copyright
{
  font-size:        0.9em;
  margin:           10px 0 0 0;
  text-align:       center;
}



/****************
 * Main Content *
 ****************/

div#content
{
  float:            right;
  width:            640px;
}

/* one row of content */
div#content div.row
{
  background-color: #fff;
  border:           none;
  width:            640px;
}

/* keeps content inside a row */
div#content div.row:after
{
  clear:            both;
  content:          "";
  display:          block;
}

div#content div.row.box
{
  background-color: #f0f0ff;
  border:           2px solid #999;
  margin:           10px;
  width:            616px;
}

div#content div.row.box.summer
{
  background-color: #fff0f0;
}


/* grid system within a row */
div.row div.span.full
{
  float:            left;
  padding:          10px;
  width:            620px;
}

div.row.box div.span.full
{
  width:            596px;
}

div.row div.span.half
{
  float:            left;
  padding:          10px;
  width:            290px;
}

div.row.box div.span.half
{
  width:            288px;
}

div.row div.span.qtr
{
  float:            left;
  padding:          10px;
  width:            134px;
}

div.row.box div.span.qtr
{
  width:            134px;
}



/*************************
 * Catering Testimonials *
 *************************/
div.testimonial
{
  background:       url('images/quote.gif') no-repeat top left;
}

div.testimonial div
{
  background:       url('images/quote2.gif') no-repeat bottom right;
  font-style:       italic;
  padding:          10px 35px;
}

div.testimonial em
{
  text-decoration:  underline;
}

div.testimonial p.author
{
  font-style:       normal;
  padding:          10px 0 0 0;
  text-align:       right;
}