/* HTML */

body {
  color: #999;
  background: white;
  font-family: verdana, arial, sans-serif;
}

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

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

/* Banner */

#banner {
  background-image: url(i_had_an_idea.jpg);
  background-repeat: no-repeat;
  height: 150px;
}

#banner h1 {
  margin-left: 140px;
  font-size: x-large;
  font-variant: small-caps;
  padding-top: 1em;
}

#banner h2 {
  margin-left: 140px;
  font-size: small;
  border-bottom: 1px #999 dashed;
}

/* Menus (left & right) */

#leftMenu {
  float: left;
  display: block;
  padding: 12px;
  width: 11em;

  /*
  border: 1px dashed;
  background: #fff000;
  */
}

#rightMenu {
  float: right;
  display: block;
  padding: 12px;
  width: 11em;

  /*
  border: 1px dashed;
  background: #fff000;
  */
}

.menuItem {
  margin-bottom: 1em;
  padding-bottom: 0.6em;

  /*
  background: #ffff00;
  */
}

.menuItemTitle {
  margin: 0;
  padding: 0;
  font-size: x-small;
  color: #666;
  font-weight: bolder;
  line-height: 140%;
  padding: 0.2em;
  padding-left: 1em;
  letter-spacing: 0.2em;
  padding-bottom: 0;
}

.menuItemContent {
  color: #333;
  border-top: 1px #666 dashed;
  font-size: x-small;
  padding-top: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
}

.menuItemContent :first-child {
  margin-top: 0.5em;
}

#leftMenu ul,
#rightMenu ul {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 1em;
  list-style-image: url(bullet.gif);
  list-style-type: circle;
  padding-left: 1em;
}

#leftMenu ul li,
#rightMenu ul li {
  margin-bottom: 0.3em;
}

#leftMenu * .menuItemTitle {
  border-right: 1px #666 dashed;
}

#leftMenu * .menuItemContent {
  border-left: 1px #666 dashed;
}

#rightMenu * .menuItemTitle {
  border-left: 1px #666 dashed;
}

#rightMenu * .menuItemContent {
  border-right: 1px #666 dashed;
}

/* Content */

#content {
  display: block;
  font-size: small;
  padding: 0 0 0 16em;

/*  line-height: 140%; */
/*  padding-left: 1em;
 float: left; */
/* max-width: 640px; */
/* margin-left: auto; */
/*  background: #fff000; */

  /*
  margin-left: 15em;
  margin-right: 4em;

  border: 1px solid;
  */
}

/* Content */

.contentTitle {
  margin: 0;
  padding: 0;
/*  padding-top: 5px; */
  color: #999;
  font-weight: bold;
  margin-bottom: 0.7em;
  border-bottom: 1px #999 dashed;
/*
  font-size: small;
  text-align: right;
  text-transform: lowercase;
*/
  font-size: medium;
  font-weight: bold;
  text-transform: uppercase;

  background-image: url(clock_face_messy_paint_runs.jpg);
  background-repeat: no-repeat;
  background-position: bottom right;
  height: 21px;
  padding-right: 60px;
  vertical-align: bottom;
}

.contentFooter {
  margin-top: 2em;
  padding-top: 0.2em;
  border-top: 1px #999 dashed;
  font-size: x-small;
  text-align: right;
  color: #666;
}

.anchorImage { 
  border: none;
}

input[type="text"],
input[type="password"],
input[type="checkbox"],
input[type="button"],
input[type="submit"],
select,
textarea {
  border: 1px #999 solid;
  background-color: white;
  color: #333;
  font-family: monospace;
  font-size: medium;
}

input[type="button"],
input[type="submit"] { 
  font-family: inherit;
  font-size: small;
}

input:focus,    input:hover,
button:focus,   button:hover,
submit:focus,   submit:hover,
select:focus,   select:hover,
textarea:focus, textarea:hover {
  background-color: #eee;
}

/* eof */