/* www.equicarbon.com */

/*** HTML tags ************************************************/

body {
  width: 748px;
  height: 100%;
  margin: 0;
  text-align: left;
  font-family: arial,helvitica,sans-serif;
  }
h3 { font-size: 90%; color: #592; }
h4 { font-size: 80%; color: #6c3; }
p, ul, pre { font-size: 80%; }
ul { margin-top: -8px; }
a:link, a:visited, a:active {
  text-decoration: none;
  color: #181;
  }
a:hover { text-decoration: underline; }
/* Link image appears after an external URL */
a[href^="http"]:after { content: url("img/external-link.png"); }

/*** Classes **************************************************/

.center  { text-align: center; }
.title3  { font-weight: bold; color: #391; }
.img-400 { width: 400px; border: 0; }
.caption { margin: 0 auto 16px auto; }

/*** IDs ******************************************************/

#frame {
  overflow: hidden;
  height: 100%;
  margin: 0;
  text-align: left;
  font-family: arial,helvitica,sans-serif;
  border-right: 1px solid #ccc;
  }
#frame .column {
/*  padding-bottom: 10000px;
  margin-bottom: -10000px;*/
  }

#left {
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 48px;
  height: 100%;
  background-repeat:repeat-y;
  background-position: 0cm 10cm;
}
#left-home {
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 78px;
  height: 100%;
  background-repeat: repeat-y;
  background-position: 0cm 13cm;
  }

#right {
  overflow: hidden;
  width: 700px;
  height: 100%;
  }
#right-home {
  overflow: hidden;
  width: 670px;
  height: 100%;
  }

#banner {
  position: absolute;
  left: 48px;
  top: 0px;
  width: 700px;
  height: 60px;
  border-bottom: 1px solid #ccc;
  }
#banner-home {
  position: absolute;
  left: 78px;
  top: 0px;
  width: 670px;
  height: 60px;
  border-bottom: 1px solid #ccc;
  }
#banner img, #banner-home img { height: 60px; }
#banner div, #banner-home div {
  margin: -58px 0 0 160px;
  font-size: 105%;
  font-style: italic;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
  color: #6c3;
  }

/*** menu ****************************/
#menu {
  position: absolute;
  left: 48px;
  top: 65px;
  width: 148px;
  height: 100%;
  padding: 4px 10px 0 0;
  text-align: right;
  background-color: #dfc;
}
#menu-home {
  position: absolute;
  left: 78px;
  top: 65px;
  width: 230px;
  height: 270px;
  margin: 0;
  padding: 4px 10px 0 0;
  text-align: right;
  background-color: #dfc;
}

#menu .hdr, #menu-home .hdr {
  font-weight: bold;
  font-size: 70%;
  color: #333;
  }

#menu .item, #menu-home .item {
  margin-right: -6px;
  font-size: 70%;
  color: #333;
  }
#menu .item a, #menu .item a:active, #menu .item a:visited, #menu-home .item a,, #menu-home .item a:active, #menu-home .item a:visited {
  text-decoration: none;
  color: #333;
  }
#menu .current {
  font-style: italic;
  background-color: #fff;
  }
/*** Don't show a link arrow in the menu ***/
#menu a[href^="http"]:after, #menu-home a[href^="http"]:after, .no-arrow[href^="http"]:after {
  content: normal;
  }
#menu a:hover, #menu-home a:hover { background-color: #fff; }

#menuimage {
  position: absolute;
  left: 330px;
  top: 80px;
}
.img-popup {
  position: absolute;
  left: 252px;
  top: 14px;
  display: none;
}

/*************************************/

#content {
  position: absolute;
  left: 204px;
  top: 61px;
  width: 500px;
  height: auto;
  margin: 4px 20px 0 0;
  padding: 10px 0 10px 20px;
  border-left: 1px solid #ccc;
  background-color: #fff;
  }

#content-home {
  position: absolute;
  left: 79px;
  top: 339px;
  width: 639px;
  height: 250px;
  overflow: auto;
  padding: 10px 10px 6px 20px;
  border-top: 1px solid #ccc;
  background-color: #fff;
  }
#content #toplink { margin-bottom: 0; }

#footer {
  position: relative;
  left: 49px;
  width: 698px;
  height: 20px;
  background-color: #e4e4e4;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  }
#footer-home   { width: 668px; }
#footer p      { margin: 3px auto auto 5px; font-size: 70%; }
#footer-home p { margin: 3px auto auto 20px; font-size: 70%; }

/*************************************/

/*** Used in cp-portfolio.php ***/
#cp { border-collapse: collapse; }
#cp td {
  padding-left: 3px;
  border: 1px solid #888;
  font-size: 75%;
  }
#cp .cptitle {
  font-weight: bold;
  background-color: #ad4;
  }
#cp .cphead0, #cp .cphead1  { background-color: #6c3; }
#cp .cphead0 td { font-weight: bold; }
#cp .cptype {
  margin: -1px -1px -1px -3px;
  padding-top: 4px;
  height: 24px;
  font-size: 125%;
  font-weight: bold;
  font-variant: small-caps;
  text-align: center;
  background-color: #ff9;
  color: #000;
}
#cp .cpblank {
  margin: 0;
  border: 0;
}
#cp .flag-s {
  width: 30px;
  height: 20px;
  padding-right: 4px;
  }
#cp .flag-s img {
  width: 32px;
  height: 20px;
  border: 0;
  margin: -2px 0 0 -4px;
  }

/*************************************/