/* styletitle.css -- stuff specifically for the title page */

/* Us this (div.floatright) for a blurb -- for now I'm going to use
 * it to link to my sea-to-sea page.  Maybe put a google advert
 * here in future?
 */
div.floatright {
  float: right;
  width: 170px;
  margin-left: 0.5em;
  margin-top: 1ex;
  padding: 0.5em;
}

/* Table stuff, for the "Latest Work" section
 */

table.latest {
  border-collapse: collapse;
  border-top: hidden;
  }
table.latest tr {
  border-top: 1px solid blue;
  vertical-align: text-top;
  }

table.latest-v2 {
  border-collapse: collapse;
  border-top: hidden;
  }
table.latest-v2 tr {
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  vertical-align: text-top;
  }
table.latest-v2 td {
  width: 195px;
  padding: 10px;
  padding-top: 10px;
  }
  
table.projindex { border-collapse: collapse; 
  border-left: hidden; border-right: hidden;}}
table.projindex tr { vertical-align: text-top; }
table.projindex td {width: 325px; padding: 10px; padding-top: 20px;}


/* ---------- ---------- */
/* Menu stuff 
 */

div.menu {
  margin-top: 1ex;
  margin-bottom: 1ex;
  width: 700px;
  text-align: center;
  }

/* Table Stuff, for the top menu
 */
table.woodmenu {
  margin-top: 3px;
  border-spacing: 3px;
  width: 700px;
  font-family:sans-serif;
  font-weight:400;
  colour: black;
}
table.woodmenu td {
  width: 150px;
  background-image:url('pix/wordsnwood-bg150.jpg'); }

A.title:link {text-decoration: none; color: black}
A.title:visited {text-decoration: none; color: black}
A.title:active {text-decoration: none; color: black}
A.title:hover {text-decoration: underline overline; color: red;}


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