/* This is the style sheet for Doug Thompson's website */


/* =========================================================================== */

/* First, the Uberstyles for the whole site */

html, body {
  height: 100%;
  margin: 0px;
  padding: 0px;
  border: none;
  background-color: #0b0b0f;
  background-image: none;
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: regular;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  font-variant: normal;
  font-size: 100%;
  line-height: 125%;
}


/* =========================================================================== */

/* Ensure that tables/TDs don't muck up the styles */

table, table td {
  background-color: transparent;
  color: inherit;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: regular;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  font-variant: normal;
  font-size: 100%;
  line-height: 125%;
}

p {
  background-color: transparent;
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  text-decoration: inherit;
  text-transform: inherit;
  font-variant: inherit;
  font-size: inherit;
  line-height: inherit;
}

/* =========================================================================== */

/* General styling */

/* Anchor links are not underlined, and are alternate colored */
/* Hovering over them alters color */
a {
  text-decoration: none;
  color: #689ebe;
  /* switched with hover */
  /* old color #cd794b */
  font-weight: bold;
}

a:hover {
  color: #27aeff;
  /* switched with non-hover */
}

.justClearing {
  clear: both;
}

/* Images do not have borders or extra spacing */
img {
  margin: 0px;
  padding: 0px;
  border: none;
}

/* =========================================================================== */

/* General layout for the page */

#allWrap {
  font-size: 0.95em;
  letter-spacing: 0.06em;
}

.contentBase {
  width: 95%;
  width: expression(document.body.clientWidth > 1052? "1000px" : "95%");
  max-width: 1000px;
}

#bodyRow {
  padding: 0px 12px 12px 12px;
  border-left: 4px #5b6871 solid;
}

/* =========================================================================== */

/* Menu strip styling */

#underHeader {
  background-image: url(../img/img_dougt_header-under.png);
  background-position: top right;
  background-repeat: no-repeat;
  padding: 0px;
  padding-left: 4px;
  border-bottom: 4px #5b6871 solid;
  text-align: left;
}

.menuItem {
  float: left;
  padding: 1px 12px;
  margin: 0px;
  margin-right: 20px;
  text-transform: uppercase;
  font-size: 1.15em;
  font-weight: bold;
  color: #ffffff;
  background-image: url(../img/img_dougt_menu-bkg_norm.png);
  background-position: top left;
  background-repeat: repeat-x;
}

.menuItemCurrent {
  float: left;
  padding: 1px 12px;
  margin: 0px;
  margin-right: 20px;
  text-transform: uppercase;
  font-size: 1.15em;
  font-weight: bold;
  color: #5b6871;
  background-image: url(../img/img_dougt_menu-bkg_lite.png);
  background-position: top left;
  background-repeat: repeat-x;
}

.menuItem:hover {
  color: #ffffff;
  background-image: url(../img/img_dougt_menu-bkg_lite.png);
}

#footerRow {
  border-top: 2px #5b6871 solid;
  padding: 12px;
  font-size: 0.75em;
}

/* =========================================================================== */

.subHead {
  padding: 1px 12px;
  margin: 0px;
  margin-right: 20px;
  text-transform: uppercase;
  font-size: 1.15em;
  font-weight: bold;
  color: #ffffff;
  background-image: url(../img/img_dougt_menu-bkg_norm.png);
  background-position: top left;
  background-repeat: repeat-x;
}


/* =========================================================================== */

/* Special images... */

#imgPrimeshot {
  margin: 0px 0px 16px 16px;
}

/* =========================================================================== */

/* Reviews and quotes... */

.prQuote {
  display: table;
  margin-top: 16px;
  margin-bottom: 16px;
  margin-left: 16px;
  margin-right: 16px;
  border: 1px #689ebe solid;
  background-color: #5b6871;
  color: #ffffff;
  padding: 10px;
}

.prAttrib {
  margin: 0px;
  margin-bottom: 16px;
  margin-right: 12%;
  color: #5b6871;
  text-align: right;
}

/* =========================================================================== */
/* Stuff specific to the resume formatting */

.picThumbnail {
  border: 2px #27aeff solid;
  padding: 2px;
  margin: 8px 16px;
}

#dougtRez {
  width: 90%;
}

.rezName {
  padding: 12px 12px 8px 12px;
  border-bottom: 1px #27aeff solid;
  text-align: center;
}

h1 {
  padding: 0px;
  margin-bottom: 12px;
  color: #27aeff;
  font-size: 2.25em;
  font-weight: bold;
}

.rezStats {
  padding: 4px 10px;
  text-align: center;
  font-size: 0.90em;
}

.rezSectionHead {
  padding: 20px 16px 0px 16px;
  border-bottom: 1px #27aeff solid;
  color: #27aeff;
  font-size: 1.05em;
  font-weight: bold;
}

.rezInfo {
  padding: 4px 10px 0px 10px;
  font-size: 0.85em;
}

/* =========================================================================== */

.dougtRepBox {
  margin-left: 25%;
  padding: 8px;
  border: 1px #27aeff solid;
}

/* For the contact form - here's the formatting */
.dougtForm input.userWritesIt, .dougtForm select, .dougtForm textarea  {
  width: 50%;
  padding: 2px;
  border: 1px #27aeff solid;
  background-color: #0b0b0f;
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.05em;
}

.dougtForm textarea  {
  width: 80%;
}

/* The "post" button can either be JavaScript or a normal form button (if no JavaScript) */
.dougtFormPostButton {
  margin-left: 35%;
  padding: 2px 6px;
  background-color: #0b0b0f;
  border: 2px #27aeff solid;
  color: #27aeff;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 0.90em;
}

.dougtFormPostButton:hover {
  border: 2px #ffffff solid;
  color: #ffffff;
}

/* =========================================================================== */