/* The Stylesheet for the Lorees.com website
 *
 * $Id: index.css,v 1.5 2005/09/05 00:11:55 erik Exp $
 */

/* Colors to try
   #c3c49a (#cfd5af) (#cc9)
   #949bc1 (#99c)
   #836046 (#963 - not close)
*/

body {
  margin: 0px;
  padding: 0px;
  margin-left: 200px;
  padding-left: 20px;
  border-left: 1px solid #000;
  padding-top: 2em;
  padding-right: 2em;
  width: 580px;
  font-family: Verdana, Arial, Helvetcia, sans-serif;
  font-size: 80%;
  /* I know there must be a way to work around IE brain-damage and make
     this work, but this is much easier, I can revisit this later. */
  background: url(/images/cheatBG.gif) repeat-y;
  text-align: justify;
}

h1,h2,h3,h4,p {
  padding: 0px;
  margin: 0px;
}

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

body a[href] {
  color: #29315b;
}

body a:visited {
  color: #40285a;
}

img { border: 0; }

#logo {
  position: absolute;
  left: 79px;
  top: 200px;
  height: 94px;
  width: 141px;
  background: url(/images/logo.png) no-repeat !important;
	background: url(/images/logo_IE5.gif) no-repeat;
  z-index: 10;
}

h1 span {
  display: none;
}

#bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 200px;
  height: 267px;
  background: url(/images/condensation.jpg) no-repeat;
  z-index: 5;
}

#handmade {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin-left: 200px;
  padding: .5em;
  padding-left: 20px;
  border-left: 1px solid #000;
  background-color: #615438;
  z-index: 4;
}

#handmade #hme {
  float: left;
  width: 30%;
  margin: 0;
  padding: 0;
}

#handmade #phone {
  text-align: right;
  margin: 0;
  padding: 0;
}

#intro {
  margin-top: 1em;
}

#intro, .bodyText {
  width: 560px;
}


#navbar {
  position: absolute;
  top: 267px;
  left: 0px;
  width: 200px;
  background: #9aa885;
  z-index: 5;
  border-top: 1px dotted #615438;
}

#navbar ul {
  margin: 0px;
  padding: 0px;
}

#navbar li {
  list-style-type: none;
  font-size: 125%;
  padding: 20px;
  border-bottom: 1px dotted #615438;
  font-weight: bold;
  text-align: right;
}

#navbar li:hover {
  background-color: #b8c2aa;
}

#navbar a {
  color: #615438;
  text-decoration: none;
}

#navbar a:hover {
  text-decoration: underline;
  color: #63678e;
}

#catering,
#whats,
#classes,
#cookies,
#teams {
  margin-top: 1em;
  width: 385px;
  padding: 0px;
  padding-right: 175px;
}

#catering h2,
#whats h2,
#classes h2,
#cookies h2,
#teams h2 {
  text-align: right;
}

#catering h2 a,
#whats h2 a,
#classes h2 a,
#cookies h2 a,
#teams h2 a {
  color: #000;
}

#catering h2 a:hover,
#whats h2 a:hover,
#classes h2 a:hover,
#cookies h2 a:hover,
#teams h2 a:hover{
  color: #615438;
}

#catering {
  background: url(/images/staff.jpg) top right no-repeat;
  height: 185px;
}

#whats {
  background: url(/images/w4s.jpg) top right no-repeat;
  height: 182px;
}

#classes {
  background: url(/images/loree_coat.jpg) top right no-repeat;
  height: 216px;
}

#teams {
  background: url(/images/teams.jpg) top right no-repeat;
  height: 204px;
}

#cookies {
  background: url(/images/houses.jpg) top right no-repeat;
  height: 202px;
  margin-bottom: 1em;
}

.change {
  font-style: italic;
  color: #808080;
}

#footer {
  margin-left: -20px;
  padding: 0px 20px;
  width: 560px;
  background-color: #615438;
  border: 1px solid #000;
  border-left: 0px;
  color: #fff;
}

#footer ul {
  float: left;
  width: 200px;
  margin: 0px;
  padding: 0px;
}

#footer li {
  display: inline;
  list-style-type: none;
}

#footer li a {
  color: #9aa885;
  text-decoration: none;
}

#footer li a:hover {
  text-decoration: underline;
}

#footer li+li {
  background: url(/images/green_bullet.gif) center left no-repeat;
  padding-left: 10px;
}

#footer .stealthy {
  font-size: 75%;
  text-align: right;
  margin-bottom: 1em;
}

#footer .stealthy a {
  text-decoration: none;
}

#footer .stealthy, #footer .stealthy a {
  color: #000;
}

#footer .stealthy a:hover {
  text-decoration: underline;
}

#timestamp { display: none; }