/* CSS Document */

/* Structure and Layout */

body {
  margin: 8px;
  background-color: #642;
  background-image: url(style/dogtooth-brown.gif);
  font-family: "Trebuchet MS", "Lucida Grande", sans-serif;
  font-size: 90%;
  letter-spacing: .05em;
  color: #321;
  }

#hold {
  width: 768px;
  margin: 0 auto;
  border: 0 none;
  background-color: transparent;
  padding: 0;
  }

#header {
  float: right;
  width: 580px;
  min-height: 128px;
  margin: 0 0 8px 4px;
  border-width: 2px;
  border-style: solid;
  border-color: #462;
  background-color: #8c4;
  padding: 8px;
  }

#menu {
  float: left;
  width: 144px;
  height: 240px;
  margin: 0;
  border-width: 0;
  border-style: none;
  background-image: url(style/menu-carrot.png);
  background-repeat: no-repeat;
  padding: 164px 8px 8px 8px;
  text-align: center;
  }

#body {
  float: right;
  width: 580px;
  margin: 0 0 8px 4px;
  border-width: 2px;
  border-style: solid;
  border-color: #462;
  background-color: #8c4;
  padding: 8px;
  }

#footer {
  float: right;
  width: 580px;
  margin: 0 0 8px 4px;
  border-width: 2px;
  border-style: solid;
  border-color: #462;
  background-color: #8c4;
  padding: 8px;
  font-size: 80%;
  }


/* Texts */

h1 {
  margin: 0 0 .5em 0;
  }
h2 {
  margin: 0 0 .5em 0;
  padding: 0 0 0 20px;
  background-image: url(style/h2-lettuce.png);
  background-repeat: no-repeat;
  background-position: left center;
  }
h2.note {
  background-image: url(style/h2-radish.png);
  }
h3 {
  margin: 0 0 .5em 0;
  border-bottom: 2px solid #462;
  }
h4 {
  margin: 0 0 .5em 0;
  border-bottom: 1px solid #693;
  }

p {
  margin: 0 0 1em 0;
  }
p.slogan {
  margin: 0 0 .25em 0;
  font-size: 115%;
  }
tt {
  font-family: Courier, "Courier New", monospace;
  color: #444;
  }


/* Links */

a {
  font-weight: bold;
  text-decoration: underline;
  }
a:link, a:visited {
  color: #334c1a;
  }
a:focus, a:hover, a:active {
  color: #000;
  }

#header a {
  text-decoration: none;
  }
#header a:link, #header a:visited {
  color: #fff;
  }

#menu a {
  padding: 0 8px;
  text-decoration: none;
  border-width: 2px 0;
  border-style: solid;
  }
#menu a:link, #menu a:visited {
  color: #842;
  border-color: #f60;
  }
#menu a:focus, #menu a:hover, #menu a:active {
  color: #321;
  border-color: #321;
  }


/* Lists */

ul {
  margin: 0 0 1em 0;
  padding: 0;
  }
dl {
  margin: 0 0 1em 0;
  }
dt {
  padding: 0;
  }
dd {
  margin: 0 0 1em 2em;
  padding: 0;
  }

dl#portfolio {
  margin: 0;
  padding: 0;
  }
dl#portfolio dd td {
  vertical-align: top;
  }

#footer dl {
  float: left;
  margin: 0;
  padding: 0;
  }
#footer dt {
  display: inline;
  padding-right: .5em;
  }
#footer dd {
  display: inline;
  margin: 0;
  padding-right: 1em;
  }

#footer ul {
  float: right;
  margin: 0;
  }
#footer li {
  display: inline;
  padding-left: 1em;
  }


/* The Carrot Menu (Remnants) */

#menu h2 {
  padding: 0;
  background-image: none;
  }

#menu li {
  list-style-type: none;
  line-height: 200%;
  }


/* Tables, Et Cetera */

td.thumb {
  width: 128px;
  }
td ul li {
  list-style-type: none;
  }

img {
  margin: 0;
  border: 0;
  }
img#logo {
  float: right;
  margin: 0 0 0 1em;
  }
img.thumb {
  float: left;
  margin: 0 .5em 0 0;
  width: 128px;
  height: 96px;
  }