body {
  color: 0;
  font-family: 'Lucida Grande',Helvetica,sans-serif;
  margin: 0;
  padding: 0;
  width: 100%;
}

img, a { border: none; }

div.header h1 {
  font-family: Georgia, serif;
  font-size: 65px;
  font-weight: 400;
  line-height: 60px;
  margin: 0;
  padding: 25px 0;
  text-align: center;
}

div.header h1 a { 
  color: #000;
  text-decoration: none;
}

div.header div.description {
  color: #fff;
  font-size: 16px;
  text-align: center;
}

div.post {
  width: 100%;
}

div.post div.content {
  border-left: 10px solid;
  border-right: 10px solid;
  margin: 0 auto;
  padding: 30px;
  position: relative;
  width: 510px;
}

div.post div.content div.date {
  font-size: 20px;
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  left: -265px;
  letter-spacing: -1px;
  position: absolute;
  text-align: right;
  text-transform: uppercase;
  width: 200px;
}

div.date a {
  color: inherit!important;
  display: block;
  text-decoration: none;
}

div.date a.comment-count {
  font-size: 12px;
  letter-spacing: -1px;
  line-height: 20px;
}

div.date a:hover {
  text-decoration: underline;
}

/* Styles For Green Posts */
div.green { background-color: #234533; }

div.green div.content {
  background-color: #468966!important;
  border-color: #3C7457!important;
}

div.green div.date { color: #12221A; }
div.green div.content { color: #fff; }
div.green a { color: #000; }

/* Styles For Yellow Posts */
div.yellow { background-color: #807853; }

div.yellow div.content {
  background-color: #FFF0A5!important;
  border-color: #D9CC8C!important;
}

div.yellow div.date { color: #403C29; }
div.yellow div.content, div.yellow a { color: #000; }

/* Styles For Orange Posts */
div.orange { background-color: #80581E; }

div.orange div.content {
  background-color: #FFB03B!important;
  border-color: #D99632!important;
}

div.orange div.date { color: #402C0F; }
div.orange div.content, div.orange a { color: #000; }

/* Styles For Salmon Posts */
div.salmon { background-color: #5B2513; }

div.salmon div.content {
  background-color: #B64926!important;
  border-color: #9B3E20!important;
}

div.salmon div.date { color: #2E120A; }
div.salmon div.content, div.salmon a { color: #fff; }

/* Styles For Red Posts */
div.red { background-color: #471400; }

div.red div.content {
  background-color: #8E2800!important;
  border-color: #792200!important;
}

div.red div.date { color: #240A00; }
div.red div.content, div.red a { color: #fff; }

/* Quotes */
span.quote {
  font-family: Georgia, serif;
  font-size: 28px;
  line-height: 34px;
}

span.quote big.quotation {
  font-size: 60px;
  font-weight: bold;
  line-height: 8px;
  vertical-align: -20px;
}

/* Images */
div.photo-post div.photo img {
  border: 5px solid #000;
}

div.photo-post div.caption {
  font-size: 14px;
  line-height: 17px;
  margin: 14px 0;
}

/* Links */
div.link-post a.biglink {
  border-bottom: 1px dotted #000;
  font-family: Helvetica, sans-serif;
  font-size: 30px!important;
  font-weight: bold;
  letter-spacing: -1px!important;
  line-height: 33px!important;
  text-decoration: none;
}

div.link-post div.description p {
  font-size: 14px;
  line-height: 17px;
}

/* Text */
div.text-post h2.title {
  font-family: Georgia, serif;
  font-size: 28px;
  line-height: 33px;
  letter-spacing: -1px;
  margin-top: 0;
}

div.text-post h2.title a {
  text-decoration: none;
  border-bottom: 1px dotted #000;
}

div.text-post div.body {
  font-size: 14px;
  line-height: 19px;
}

div.client.left {
  float: left;
  width: 260px;
}

div.client.right {
  float: left;
  width: 250px;
}

div.client h3 {
  margin-bottom: 5px;
  padding-left: 7px;
}

div.client p {
  padding-left: 7px;
}

div.project {
  cursor: pointer;
  float: left;
  height: 157px;
  position: relative;
  width: 250px;
}

div.project span.caption {
  background-image: url('/images/semi-transparent.png');  
  bottom: 9px;
  color: #fff;
  left: 7px;
  padding: 10px;
  position: absolute;
  right: 7px;
  text-align: center;
}

div.project.odd {
  margin-right: 10px;
}

.lightbox-content {
  position: relative;
  width: 800px;
}

.lightbox-content .explanation {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
}

.lightbox-content .explanation .inner {
  background-image: url('/images/semi-transparent.png');
  bottom: 0;
  color: #fff;
  height: 94%;
  left: 0;
  padding: 1% 2%;
  position: absolute;
  right: 0;
}

.lightbox-content h3 {
  margin: 0;
}

.lightbox-content h4 {
  margin: 10px 0 5px 0;
  text-decoration: underline;
}

.lightbox-content a {
  color: #fff;
}

.lightbox-content p {
  margin: 5px 0;
}

.lightbox-content ul {
  margin: 0;
  padding-left: 25px;
}

/* #facebox .footer {
  border: 0!important;
  margin-top: 0!important;
  padding-top: 0!important;
} */

/* Hacks */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
 
.clearfix {
  display: inline-block;
}
 
html[xmlns] .clearfix {
  display: block;
}
 
* html .clearfix {
  height: 1%;
}