/* Style Sheet for Keller's Bakery, Lafayette, LA
   Copyright 2009 by Keller's Bakery        
   <webmaster@kellersbakery.net>         */

/* ---- HTML element: basic components of HTML doc, such as headings, paragraphs, lists, tables... - */
/* ---- CSS format: -------------------------------------------------------------- */
/* ---- selector <-- any HTML tag / element -------------------------------------- */
/* ---- { ------------------------------------------------------------------------ */
/* ----   property1: value1; ----------------------------------------------------- */
/* ---- } ------------------------------------------------------------------------ */
/* ---- CSS box around elements: margin, border, padding, CONTENT ---------------- */
/* ---- Box Offsets use with Postion: top, right, bottom, left ------------------- */
/* ---- Box Offsets use with Float: right, left ---------------------------------- */
/* ---- Class format .name - not unique, like barcode ---------------------------- */
/* ---- ID format #name - unique, like serial number ----------------------------- */


/* ---- Set basic styles --------------------------------------------------------- */

body { 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;                 /* normal (400), bold (700) */
  font-variant: normal;                /* normal, small-caps       */
  font-style: normal;                  /* normal, italic           */
  color: #333333;                      /* text color               */
  background-image: url("/images/background.gif");
  background-repeat: repeat-y;         /* repeat-x (horizontal), repeat-y (vertical), repeat (both), no-repeat */
  background-color: #FDF8DA;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0pt;
  margin-bottom: 0pt;
	/*border: 4px solid red;*/
}
/***          HEADERS         ***/
h1, h2, h3, h4, h5, h6 { 
  font-family: georgia, times, serif;
  font-weight: normal;                 /* normal (400), bold (700) */
  font-variant: normal;                /* normal, small-caps       */
  font-style: normal;                  /* normal, italic           */
  color: #A72720;                      /* text color               */
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0pt;
  margin-bottom: 0pt;
}
h2.titles {
  font-family: georgia, times, serif;
  font-weight: normal;                 /* normal (400), bold (700) */
  font-variant: normal;                /* normal, small-caps       */
  font-style: normal;                  /* normal, italic           */
  color: #A72720;                      /* text color               */
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 12pt;
  margin-bottom: 12pt;
}
h2.mardi-gras {
  font-family: georgia, times, serif;
  font-weight: normal;                 /* normal (400), bold (700) */
  font-variant: normal;                /* normal, small-caps       */
  font-style: normal;                  /* normal, italic           */
  color: purple;                       /* text color               */
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 12pt;
  margin-bottom: 12pt;
}
/***          FONTS           ***/
.items {
	color: #990000;
	font-weight: bold;
}
.white {
	color: white;
}

/* ---- Navigation --------------------------------------------------------- */
a:link, a:visited, a:active {
   text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
/* ---- NAV1 ----- */
#nav1 a:link,  #nav1 a:visited, #nav a:hover {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
}
#nav1 a:link,  #nav1 a:visited {
   color: #999966;
}
#nav1 a:hover {
   color: #993333;
}
/* ---- NAV2 ----- */
#nav2 a:link,  #nav2 a:visited, #nav a:hover {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
}
#nav2 a:link,  #nav2 a:visited {
   color: #993300;
}
#nav2 a:hover {
   color: #90722f;
}

/* ---- Set Structure  --------------------------------------------------------- */
#container { /* WRAPPER */
	position: relative;
	width: 970px;
	height: 1050px;
     background-image: url("/images/floral.gif");
     background-repeat: no-repeat;
     background-position: center top;
	padding-left: 55px;
     margin-top: 0pt;
     margin-right: auto;
     margin-bottom: 0pt;
     margin-left: auto;
	/*border: 1px solid blue;*/
}
#interior { /* MAIN */
	position: relative;
	width: 790px;
	left: 60px;
	top: 90px;
	border-width: 1px;
	border-style: solid;
	border-color: #ACB056;
	/*background-image: url("/images/transparency.gif");*/
	background-color: #FFFFF5;
	/*border: 1px solid green;*/
}
#header {
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ACB056;
	background-color: #990000;
}
#header h1 { /* logo */
     float: left;
     display: inline;
     width: 34%;
}
#header-msg {
     float: left;
     display: inline;
     width: 36%;
}
#header-address {
     float: right;
     display: inline;
     width: 25%;
}
#maincontent {
     float: left;                      /* left, right, none        */
	width: 480px;
	padding-left: 20px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CED286;
	background-color: #FFFFF1;
}
#sidecontent {
     position: relative;
     left: 520px
	padding: 5px;
}
#footer {
	/*background-color: #CED286;*/
	clear: both;
	/*color: #666666;*/
}

/* ---- Miscellaneous  --------------------------------------------------------- */
.indent {
  	text-indent: 12pt;
}
.floatstop {
     clear: both;                      /* left, right, both, none  */
}
.note {
  font-family: georgia, times, serif;
  font-size: 10pt;
  font-style: normal;
}
.footnote {
  font-family: verdana, arial, helvetica, san-serif;
  font-size: 8pt;
  font-style: normal;
}
.footnote-italic {
  font-family: verdana, arial, helvetica, san-serif;
  font-size: 9pt;
  font-style: italic;
}
.copyright {
  font-family: verdana, arial, helvetica, san-serif;
  font-style: normal;
  font-size: 90%;
}
.copyright-italic {
  font-family: verdana, arial, helvetica, san-serif;
  font-style: italic;
  font-size: 90%;
}
.webdesigner {
  font-family: verdana, arial, helvetica, san-serif;
  font-size: 7pt;
  font-style: normal;
  font-color: #cccccc;
}