/* css-demo.php */

/* Dynamic CSS in PHP
 * Digital Web Magazine
 * author: Douglas Clifton
 * Feb-14-2005 */

/* wrapper */

#mockup {
  width: 400px;
  height: 200px;
  margin: 1em 0;
  padding: 0;
  border: 1px solid #000;
}

/* masthead */

#mock-mast {
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #000;
}

#mock-mast h1.demo {
  background-image: none;
  font-size: 20px;
  margin: 0 0 0 14px;
  padding: 0;
}

/* menu */

#mock-menu {
  float: left;
  width: 99px;
  height: 159px;
  font-size: small;
  margin: 0;
  padding: 0;
  border-right: 1px solid #000;
}

#mock-menu h2.demo {
  text-align: center;
  margin-top: 10px;
  font-size: medium;
}

#mock-menu ol {
  text-align: center;
  list-style-type: none;
}

#mock-menu ol li {
  font-size: small;
  text-decoration: underline;
  margin: 0;
}

/* content */

#mock-cont {
  font-size: small;
  height: 159px;
  margin: 0 0 0 100px;
  padding: 0 0 0 10px;
  border: 0;
}

#mock-cont h2.demo {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: medium;
}

#mock-cont p {
  width: 280px;
  margin: 10px 0 0 0;
  padding: 0;
  font-size: small;
}

/* end static CSS */
/* begin dynamic CSS: the C stands for Cascade */

/* persistent Color Scheme (Digital Web Magazine) */

#mockup { background-color: #fff; }

#mock-mast { background-color: #bbd9ee; }

#mock-mast h1 { color: #4d4d4d; }

#mock-menu { background-color: #e7e4d3; }

#mock-menu h2 { color: #444; }

#mock-menu ol { color: #444; }

#mock-cont h2 { color: #444; }

#mock-cont p { color: #444; }

/* end dynamic CSS */