.lightbox {
  background: rgb(153,153,153);
  background: rgba(153,153,153,0.8);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  display: none; }
  .lightbox .lightbox_img {
    position: relative;
    display: block;
    background: #FFF;
    width: 100px;
    padding: 5px;
    margin: 50px auto 0 auto;
    -moz-box-shadow: 2px 2px 4px #666;
    -webkit-box-shadow: 2px 2px 6px #666;
    box-shadow: 2px 2px 4px #666; }
  .lightbox a.close {
    display: block;
    position: absolute;
    top: -20px;
    left: -20px; }
  .lightbox img.lightboxed {
    display: block;
    border: 1px solid #999; }

#content dl {
  width: 429.6px;
  padding: 0 8.95px;
  float: left; }
  #content dl dt {
    clear: both;
    font-size: 1.5em;
    font-weight: bold;
    color: #06C;
    border-bottom: 1px solid #CCC; }
  #content dl dd {
    padding-top: 1em;
    padding-bottom: 1.5em;
    height: 190px; }
    #content dl dd a.more {
      display: block; }
    #content dl dd img {
      float: right;
      margin: 0 0.5em;
      border: 0.5em solid #CCC;
      -moz-border-radius: 0.5em;
      -webkit-border-radius: 0.5em;
      border-radius: 0.5em;
      -moz-box-shadow: 2px 2px 4px #666;
      -webkit-box-shadow: 2px 2px 6px #666;
      box-shadow: 2px 2px 4px #666; }
#content div.project {
  width: 810px;
  margin: 0 auto;
  padding-top: 30px; }
  #content div.project h1 {
    font-size: 2em;
    border-bottom: 1px solid #eee;
    margin: 0 0 12px 0;
    padding: 0; }
  #content div.project h1:first-letter {
    font-size: 3em;
    float: left;
    margin: -0.3em 0em -0.3em 0; }
  #content div.project ul {
    height: 150px;
    float: right;
    padding: 10px;
    margin: 0 10px;
    border: 1px solid #999;
    -moz-box-shadow: 2px 2px 4px #666;
    -webkit-box-shadow: 2px 2px 6px #666;
    box-shadow: 2px 2px 4px #666; }
    #content div.project ul li span {
      float: left;
      width: 50px;
      padding-right: 1em;
      text-align: right; }
  #content div.project blockquote {
    font-size: 2em; }
  #content div.project p {
    margin: 0 0 12px 0;
    text-align: justify;
    line-height: 1.5; }
#content .images {
  clear: both;
  margin: 0 auto;
  width: 810px; }
  #content .images a {
    display: block; }
  #content .images img {
    display: block;
    width: 250px;
    height: 250px;
    margin: 9px;
    float: left;
    border: 1px solid #999;
    -moz-box-shadow: 2px 2px 4px #666;
    -webkit-box-shadow: 2px 2px 6px #666;
    box-shadow: 2px 2px 4px #666; }
#content .screenshots {
  text-align: center; }
#content img {
  margin: 5px; }