body {
      margin: 0px;
      background-color: #fff;
      font-family: 'Lucida Grande', Helvetica, sans-serif;
  }            

  a {
      color: #6498cc;
  }

  h1 {
      width: 800px;
      padding: 0px 100px 20px 100px;
      margin: 50px auto 40px auto;
      border-bottom: solid 1px #ccc;
      text-align: center;
      font: Bold 55px 'Trebuchet MS', Helvetica, sans-serif;
      letter-spacing: -2px;
      line-height: 50px;
      position: relative;
  }
  
  h1 a {
      color: #444;
      text-decoration: none;
  }
  
  h1 img {
      border-width: 0px;
      position: absolute;
      right: 0px;
      bottom: 10px;
      width: 16px;
      height: 16px;
  }

  div#content {
      width: 620px;
      margin: auto;
      position: relative;
  }

  div#content div#description {
      position: absolute;
      right: -170px;
      width: 160px;
      text-align: right;
  }

  div#description {
      font: Normal 17px Helvetica,sans-serif;
      line-height: 20px;
      color: #777;
  }

  div#description a {
      color: #777;
  }
  
  div.post {
      position: relative;
      margin-bottom: 40px;
      padding-right: 20px;
  }

  div.post div.date {
      position: absolute;
      left: -260px;
      text-align: right;
      width: 230px;                
      white-space: nowrap;
      font: Normal 34px Helvetica, sans-serif;
      letter-spacing: -2px;
      color: #ccc;
      text-transform: uppercase;
      line-height: 35px;
  }
  
  div.post div.date div.date_brick {
      float: right;
      height: 30px;
      width: 45px;
      background-color: #6498cc;
      color: #bbd5f1;
      font: Bold 12px Verdana, Sans-Serif;
      text-align: center;
      line-height: 12px;
      margin-left: 10px;
      padding-top: 5px;
      letter-spacing: 0px;
      overflow: hidden;
  }

  div.post img.permalink {
      width: 14px;
      height: 13px;
      border-width: 0px;
      background-color: #000;
      display: none;
      position: absolute;
      right: 0px;
      top: 0px;
      z-index: 10;
  }
  
  div.post:hover img.permalink {
      display: inline;
  }

  div.post h2 {
      font-size: 18px;
      font-weight: Bold;
      color: #6498cc;
      letter-spacing: -1px;
      margin: 0px 0px 5px 0px;
  }

  div.post h2 a {
      color: #6498cc;
      text-decoration: none;
  }

  div.post div.caption {
      font-size: 14px;
      font-weight: bold;
      color: #444;
      margin-top: 10px;
      padding: 0px 20px 0px 20px;
  }

  div.post div.caption a {
      color: #444;
  }

/* Regular Post */

  div.post div.regular {
      font-size: 12px;
      color: #444;
      line-height: 17px;
  }

  div.post div.regular img { padding:5px }

  div.post div.regular blockquote {
      font-style: italic;
      border-left: solid 2px #444;
      padding-left: 10px;
  }
              
  /* Quote Post */
  
      div.post div.quote div.quote_text {
          font-family: Helvetica, sans-serif;
          font-weight: bold;
          color: #888;
          border-left: solid 5px #6498cc;
          padding-left: 10px;
      }
      
      div.post div.quote div.quote_text span.short {
          font-size: 36px;
          line-height: 40px;
          letter-spacing: -1px;
      }
      
      div.post div.quote div.quote_text span.medium {
          font-size: 25px;
          line-height: 27px;
          letter-spacing: -1px;
      }
      
      div.post div.quote div.quote_text span.long {
          font-size: 16px;
          line-height: 20px;
      }

      div.post div.quote div.quote_text a {
          color: #888;
      }

      div.post div.quote div.source {
          font-size: 16px;
          font-weight: Bold;
          color: #555;
          margin-top: 5px;
      }

      div.post div.quote div.source a {
          color: #555;
      }
  
  /* Link Post */
  
      div.post div.link a.link {
          font: Bold 20px Helvetica, sans-serif;
          letter-spacing: -1px;
          color: #c00;
      }
      div.post div.link img { padding:5px }
          div.post div.link span.description {
              font-size: 13px;
              font-weight: normal;
              letter-spacing: -1px;
              color: #444;
          }
  
  /* Conversation Post */
              
      div.post div.conversation ul {
          list-style-type: none;
          margin: 0px;
          padding: 0px 0px 0px 1px;
          border-left: solid 5px #bbb;
      }
  
          div.post div.conversation ul li {
              font-size: 12px;
              padding: 4px 10px 4px 8px;
              color: #444;
              margin-bottom: 1px;
          }
  
              div.post div.conversation ul li span.label {
                  font-weight: bold;
              }
              
                  div.post div.conversation ul li span.user_1 {
                      color: #c00;
                  }
                  
                  div.post div.conversation ul li span.user_2 {
                      color: #00c;
                  }
                  
                  div.post div.conversation ul li span.user_3 {
                      color: #0a0;
                  }
              
              div.post div.conversation ul li.odd {
                  background-color: #f4f4f4;
              }

              div.post div.conversation ul li.even {
                  background-color: #e8e8e8;
              }
  
  /* Video Post */
  
      div.post div.video {
          width: 400px;
          margin: auto;
      }

  /* Footer */
  
      div#footer {
          margin: 40px 0px 30px 0px;
          text-align: center;
          font-size: 15px;
          font-weight: bold;
          color: #444;
      }
  
          div#footer a {
              text-decoration: none;
              color: #444;
          }
  
              div#footer a:hover {
                  text-decoration: underline;
              }
          
          div#footer div#credit {
              font: Normal 13px Georgia, serif;
              font-size: 13px;
              margin-top: 15px;
          }



	/* Syntax highlighting */
	.add { color:green; background:#dfd; }
	.delete { color:red; background:#fdd; }
	.diffhead { color:#999; background: #e7e7ff; }
	.af { color:#00C; }
	.an { color:#007; }
	.av { color:#700; }
	.aw { color:#C00; }
	.bi { color:#509; font-weight:bold; }
	.c  { color:#888; }

	.ch { color:#04D; }
	.ch .k { color:#04D; }
	.ch .dl { color:#039; }

	.cl { color:#B06; font-weight:bold; }
	.co { color:#036; font-weight:bold; }
	.cr { color:#0A0; }
	.cv { color:#369; }
	.df { color:#099; font-weight:bold; }
	.di { color:#088; font-weight:bold; }
	.dl { color:black; }
	.do { color:#970; }
	.ds { color:#D42; font-weight:bold; }
	.e  { color:#666; font-weight:bold; }
	.er { color:#F00; background-color:#FAA; }
	.ex { color:#F00; font-weight:bold; }
	.fl { color:#60E; font-weight:bold; }
	.fu { color:#06B; font-weight:bold; }
	.gv { color:#d70; font-weight:bold; }
	.hx { color:#058; font-weight:bold; }
	.i  { color:#00D; font-weight:bold; }
	.ic { color:#B44; font-weight:bold; }
	.il { }
	.in { color:#B2B; font-weight:bold; }
	.iv { color:#33B; }
	.la { color:#970; font-weight:bold; }
	.lv { color:#963; }
	.oc { color:#40E; font-weight:bold; }
	.on { color:#000; font-weight:bold; }
	.op { }
	.pc { color:#038; font-weight:bold; }
	.pd { color:#369; font-weight:bold; }
	.pp { color:#579; }
	.pt { color:#339; font-weight:bold; }
	.r  { color:#080; font-weight:bold; }

	.rx { background-color:#fff0ff; }
	.rx .k { color:#808; }
	.rx .dl { color:#404; }
	.rx .mod { color:#C2C; }
	.rx .fu  { color:#404; font-weight: bold; }

	.s  { background-color:#fff0f0; }
	.s  .s { background-color:#ffe0e0; }
	.s  .s  .s { background-color:#ffd0d0; }
	.s  .k { color:#D20; }
	.s  .dl { color:#710; }

	.sh { background-color:#f0fff0; }
	.sh .k { color:#2B2; }
	.sh .dl { color:#161; }

	.sy { color:#A60; }
	.sy .k { color:#A60; }
	.sy .dl { color:#630; }

	.ta { color:#070; }
	.tf { color:#070; font-weight:bold; }
	.ts { color:#D70; font-weight:bold; }
	.ty { color:#339; font-weight:bold; }
	.v  { color:#036; }
	.xt { color:#444; }

	div.code {
	  overflow:auto;
	  margin:1em 0;
	  font-size:14px;
	}

	div.code li { 
	  color:#444;
	  margin-bottom:0;
	  font-size:9pt;
	  white-space:pre;
	  position:relative;
	  font-family: "Bitstream Vera Sans Mono","Monaco","Courier",monospace;
	  line-height: 1.3em;
	  letter-spacing: 0px;
	}

	div.code ol {
	  margin:0; padding:1em 1em 1em 2em;
	}