body {
  font-family:'Neuton', Times, serif;
  font-size:75%;
  line-height:145%;
  background:#404040;
}
a {
  color:#7ccbe5;
  text-decoration:none;
}
a:hover { text-decoration:underline; }
#header_inner, #content, #footer {
  width:860px;
  margin:0 auto;
}
#header {
  background:#fafafa;
  padding:30px 0;
  border-bottom:1px solid #020202;
}
#header h1 { float:left; }
#header #logo {
  height:75px;
  width:420px;
  display:block;
  text-decoration:none;
  text-indent:-9999em;
  background:url(../images/logo.png) no-repeat;
}
#header #nav {
  float:right;
  margin-top:22px;
  color:#bbbbbb;
}
#header #nav a {
  font-size:1.25em;
  color:#676767;
  text-decoration:none;
  margin:0 25px;
}
#header #nav a:hover, #header #nav a.selected { color:#7ccbe5; }
#header #nav .divider { font-size:1.35em; }
#content {
  background:url(../images/content_bg.png) no-repeat;
  padding-top:18px;
}
#footer {
  padding:30px 0;
  color:#ededed;
}
#work_nav {
  background:url(../images/work_nav_bottom.png) no-repeat 0 100%;
  padding-bottom:15px;
  margin-bottom:10px;
}
#work_nav li a {
  font-family:'Molengo', arial, serif;
  font-size:1.1em;
  color:#ababab;
  float:left;
  padding:5px 9px;
  margin-right:25px;
  text-transform:uppercase;
}
#work_nav li a:hover, #work_nav li a.active {
  color:#ededed;
  text-decoration:none;
  background:#212121;
  -moz-border-radius:4px;
  border-radius:4px;
}
#work_items {
  width:860px;
  display:block;
  clear:both;
}
#work_items .box {
  position:relative;
  margin:12px;
  float:left;
  width:189px;
  font-size:1.2em;
  color:#ededed;
  text-align:center;
  opacity:.8;
  filter:alpha(opacity=80);
}
#work_items .box:hover { text-decoration:none; }
#work_items .box img {
  border:1px solid #333333;
  margin-bottom:3px;
  -webkit-box-shadow:0 2px 5px #101010   ;
  -moz-box-shadow:0 2px 5px #101010   ;
  box-shadow:0 2px 5px #101010   ;
}
#work_page #left, #work_page #right { float:left; }
#work_page #left { width:600px; }
#work_page #left img { margin-bottom:10px; }
#work_page #right {
  width:240px;
  margin-left:20px;
}
#work_page #right #right_inner {
  padding:20px 0 20px 20px;
  background:#212121;
  position:relative;
}
#work_page #right #right_inner .title {
  font-family:'Molengo', arial, serif;
  font-size:1.3em;
  color:#ababab;
  text-transform:uppercase;
  margin-bottom:7px;
}
#work_page #right #right_inner .body {
  color:#ededed;
  font-size:1.125em;
  line-height:1.4em;
}
#work_page #right #right_inner .info {
  color:#ffffff;
  font-size:1.125em;
  line-height:1.4em;
  margin-top:15px;
}
#work_page #right #right_inner .box_bleed {
  background:#212121;
  position:absolute;
  top:0;
  left:240px;
}
#work_page #right .related {
  font-family:'Molengo', arial, serif;
  font-size:1.2em;
  color:#ababab;
  text-transform:uppercase;
  margin:15px 0 0 20px;
}
#work_page #right .box {
  position:relative;
  margin:12px;
  float:left;
  width:189px;
  font-size:1.2em;
  color:#ededed;
  text-align:center;
  opacity:.8;
  filter:alpha(opacity=80);
}
#work_page #right .box:hover { text-decoration:none; }
#work_page #right .box img {
  border:1px solid #333333;
  margin-bottom:3px;
  -webkit-box-shadow:0 2px 5px #101010   ;
  -moz-box-shadow:0 2px 5px #101010   ;
  box-shadow:0 2px 5px #101010   ;
}
#about {
  font-size:1.3em;
  line-height:1.6em;
  color:#ededed;
}
#about #left, #about #right {
  float:left;
  padding-top:20px;
}
#about #left { width:225px; }
#about #right {
  width:600px;
  margin-left:35px;
}
#about #right h2 {
  font-size:1.23em;
  font-weight:normal;
  margin-bottom:1.6em;
}
#about #right p { margin-bottom:1.6em; }
.blog #content { color:#ededed; }
.blog #content #left, .blog #content #right {
  float:left;
  padding-top:20px;
}
.blog #content #left { width:600px; }
.blog #content #left .single_post { margin-bottom:20px; }
.blog #content #left h2 {
  font-size:1.6em;
  line-height:1.25em;
  font-weight:normal;
  margin-bottom:.5em;
}
.blog #content #left p {
  font-size:1.2em;
  line-height:1.4em;
  padding-bottom:1.4em;
}
.blog #content #left .prev { float:left; }
.blog #content #left .next { float:right; }
.blog #content #left .single_post .blog_comments_main {
  text-align:right;
  font-size:1.1em;
}
.blog #content #left .blog_comments_section {
  background:url(../images/work_nav_bottom.png) no-repeat 0 0;
  margin-top:10px;
  padding-top:20px;
}
.blog #content #left ol.comments_list { margin-top:10px; }
.blog #content #left ol.comments_list img.avatar {
  float:left;
  margin:0 15px 10px 0;
}
.blog #content #left ol.comments_list li { margin-bottom:20px; }
.blog #content #left ol.comments_list .reply { text-align:right; }
.blog #content #left ol.comments_list ul { margin:20px 0 0 40px; }
.blog #content #left #respond {
  margin:20px 0;
  background:#212121;
  padding:15px;
}
.blog #content #left #respond input, .blog #content #left #respond textarea { display:block; }
.blog #content #left #respond .form-submit { padding:0; }
.blog #content #right {
  width:190px;
  margin-left:60px;
}
.blog #content #right .widget-container { margin-bottom:15px; }
.blog #content #right .widget-container a {
  font-size:1.2em;
  line-height:1.5em;
}
.blog #content #right h3, .blog #content #left .entry-date, .blog #content #left .blog_comments_section h3, .blog #content #left #respond h3, .links h2 {
  font-family:'Molengo', arial, serif;
  font-size:1.2em;
  font-weight:normal;
  color:#ababab;
  text-transform:uppercase;
}
.archive .blog h1 {
  font-weight:normal;
  padding-bottom:10px;
}
.links { font-size:1.1em; }
.error_page {
  font-size:1.3em;
  color:#ededed;
}