/*----------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------*/

* {
  padding:0;
  margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }

.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a { text-decoration: none; }
a img{ border:none; }

/*------------------------------------------------------------------------------
  Layout / Base Page Styling
-------------------------------------------------------------------------------*/

body{
  background:#172717;
  color:#BFBFBF;
  font-size:11px;
  font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
  padding-bottom:3em;
}

/* This class sets the width and position for all rows */
.inside{
  width:80%;
  min-width:65em;
  max-width:85em;
  margin:0 auto;
}

h1{
  font-size:1.5em;
  font-weight:normal;
  margin:1.5em 0;
}

h2, h3{
  font-size:1.15em;
  font-weight:normal;
}

p{
  line-height:1.75em;
}

ul li{
  list-style-type:square;
  margin:0.5em 0 0.5em 2em;
}

blockquote{
  padding:0;
  margin:0;
  font-family:Georgia, "Times New Roman", serif;
  font-size: 18px;
  font-weight: normal;
  color:#444;
}

blockquote:before {
  content: "\201C";
  color:#aaa;
}

blockquote:after {
  content: "\201D";
  color:#aaa;
}

.alignleft {
  text-align:left;
}

.alignright {
  text-align:right;
}

.citation {
  font-size: 1.2em;
  padding: 1em;
  font-weight:bold;
  color:#aaa;
}

.citations {
  padding: 4px;
  margin: 5px;
}

pre{
  width:100%;
  padding:1em 0;
  overflow:auto;
  border-top:1px dotted #333;
  border-bottom:1px dotted #333;
}

table{
  width:100%;
  border-spacing:2px;
  margin:1.5em 0;
}
table th, table td{ padding:0.3em 0.75em }
table th{
  background:#CCC;
  color:#000;
  text-align:left;
}
table td{
  background:#333;
  color:#FFF;
}
table caption{
  text-align:left;
  color:#FFF;
  margin-bottom:-1em;
  margin-top:1em;
}

.rule{
  border-top:1px solid #CCC;
  height:1px;
  font-size:1px;
  line-height:1px;
  margin:1.5em 0;
}

/*---------------------------------------------------------------------------
  Header
----------------------------------------------------------------------------*/
#header{
  background:#edf4ed;
  color: #000;
  padding-bottom: 50px;
}
#header .inside{
  padding:3em 0;
}

#header h2{
  font-size:2.25em;
  margin:0 0.5em 0 0;
  padding:0 0.5em 0.25em 0;
  float:left;
  z-index:10;
  position:relative;
}
#header h2 a{ color: #000; }

#header-image{ background-color:#000; display:none; }

/*----------------------------------------------------------------------------------
  Primary Items
-----------------------------------------------------------------------------------*/

#primary{
  background:#edf4ed;
  padding:1px 0 2em 0;
  color:#222;
}

#primary a{
  color: #397828;
}
#primary a:hover{
  color: #185108; 
}

#primary.onecol-stories .primary{
  float:left;
  width:50%;
}
#primary.onecol-stories .secondary{
  float:right;
  width:40%;
  margin:0 0 0 10%;
}

#primary.front-stories .story{
  float:left;
  width:52%;
  margin:0 0 0 0%;
  display:inline;
}

.navigation{
  float:right;
  margin:0 0 20px 40px;
  padding: 4px;
  display: inline;
  background:#fafafa;
}
.navigation li{
  list-style-type:none;
  margin:0;
  padding:0.5em 0;
  border-bottom:1px solid #666;
}

.story{
       padding-bottom: 20px;
}

.story h3{
  font-size:1.25em;
  margin:0 0 1.5em 0;
  font-weight:normal;
  color:#333;
}

.story .details{
  margin:1em 0;
  text-align:right;
  border-top:1px solid #333;
  padding:0.5em 0;
  font-size:0.95em;
  color:#4D4D4D;
}

/* Single Post Styles */
#primary .primary{
  float:right;
  width:65%;
}
#primary .secondary{
  float:right;
  width:30%;
  margin-right:5%;
  padding-top:0.65em;
  display:inline;
}
* html #primary .secondary{ margin-right:4%; }

.secondary .featured p{
  border-bottom:1px solid #333333;
  border-top: 1px solid #333333;
  padding:0.5em 0 0.6em 0;
  line-height:1.5em;
  margin:1em 0 0 0;
}
.secondary .featured dl{
  margin:0 0;
  border-bottom:1px solid #333333;
  padding:0.5em 0 0.6em 0;
}
.secondary dt{
  display:inline;
  margin:0;
  padding:0;
  color: #666;
}
.secondary dd{
  display:inline;
  margin:0;
  padding:0;
}
.secondary dd a{ color:#808080; }
.secondary dd a:hover{ color:#FFF; }

.single-post h1, .single-post h2{ margin-top:0; }

#primary .story h2, #primary .primary h2{
  font-weight:bold;
  color:#666;
}
#primary .single-story .primary h3{
  font-size:1em;
  font-weight:bold;
  color:#CCC;
}

/*------------------------------------------------------------------
  Secondary Items
-------------------------------------------------------------------*/

#secondary{
  background:#0C0C0C;
  padding:1px 2em;
  border-top:1px solid #1C1C1C;
}

#commentz{
       margin-left:38%;
       margin-right:10%;
}

#commentz h2{
  font-size:1.5em;
  margin:0;
        border-bottom:1px solid #1C1C1C;
  padding:0.8em 2em 0.5em 0;
}

#commentz ol{
  list-style-type:none;
  margin:2em 0;
}
#commentz ol li{
  list-style-type:none;
  margin:2em 0;
}

#commentz cite{
  float:left;
  width:31%;
  font-style:normal;
  text-align:right;
}
* html #commentz cite{ width:30.6%; }
#commentz cite span{
  display:block;
}
#commentz cite .author{ font-size:1.2em; }
#commentz cite .author a{
  text-decoration:none;
}

#preview{
  margin:1em 0;
  padding:0.5em;
  border:1px solid #333;
}
#preview p{ margin:1em 0 0 0; }
#errors{ color:#FF0000; font-weight:bold; }

#commentz .message{
  float:left;
  width:60%;
  margin-left:1.9%;
  border-left:1px solid #868686;
  padding: 0 0 0 2%;
}
#commentz .message p{
  margin:0 0 1em 0;
}
#commentz .message h3{
  margin:0;
  font-size:1em;
}

#comment-form{
  margin:3em 0 4em 0;
  padding-bottom:2em;
}
#comment-form textarea{
  width:28em;
  height:10em;
  padding:0.25em;
  margin:5px 0;
}
#comment-form input{ 
  margin:5px 0 0 0;
}

#comment-form label{
      margin-left: 1em;
}

/*---------------------------------------------------------------------------
  Ancillary Items
----------------------------------------------------------------------------*/
#ancillary a{
      color:#fff;
}

#ancillary a:hover{
       color:#397828;
}

#ancillary{
  padding:2em 0 0 0;
}
#ancillary .block{
  float:left;
  width: 30%;
  margin:0 0 0 5%;
}
#ancillary .twice-length{ width:65%; }
#ancillary .thrice-length{ width:100%; }
* html #ancillary .block{
  margin:0 0 0 4%;
}
#ancillary .first, * html #ancillary .first{
  clear:both;
  margin:0;
}
#ancillary .block-separator{
  clear:both;
  height:2.5em;
}

#ancillary .block h2, #ancillary .block h3{
  margin:0 0 2em 0;
}

ul.counts{
  list-style-type:none;
  margin:1.5em 0;
  border-top:1px solid #3D3D3D;
}
ul.counts li{
  list-style-type:none;
  margin:0;
  padding:0.5em 0;
  border-bottom:1px solid #3D3D3D;
}

ul.counts .count{
  float:right;
  color:#858585;
}

ul.counts a{
  text-decoration:none;
}

/*---------------------------------------------------------------------------
  Footer
----------------------------------------------------------------------------*/

#footer{
  clear: both;
  color: #939393;
  margin: 2em 0 3em 0;
}

#footer a {
  color:#fff;
}

#footer a:hover {
  color: #397828;
}

#footer .inside {
  padding:1em 0;
}

#footer p {
  margin:0;
  font-size:0.95em;
}

#footer p.copyright { float:left; }

#footer p.attributes { float:right; }

#footer p.attributes a {
  padding: 0 0 0 1em;
  text-decoration: none;
  border: none;
}

/*-------------------
  Resume
--------------------*/

#resume h1 {
  border-bottom: 1px dashed #666;
}

#resume h3 {
  padding-bottom: 0px;
  margin-bottom:0px;
  font-size:1.1em;
}

.resume_duration {
  margin-top:2px;
  font-style:italic;
}

#resume p {
  margin-top:5px;
  margin-bottom:20px;
}

/*-------------------
  Portfolio
--------------------*/

#portfolio h1 {
  font-size: 1.8em;
}

.portfolio_entry {
  clear: left;
  margin-bottom: 30px;
}

.portfolio_entry img {
  float:left;
  padding: 5px 15px 5px 0px;
}

.portfolio_entry h3 {
  font-size:1.5em;
  font-weight:bold;
}