/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.8
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}

/* typography.css */
body {font-size:12px;color:#666;background: #ff9c56 url(../images/orange_halftone.png) repeat-x fixed top;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#555;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1, h2 {font-family: 'Eurostile', 'Eurostile LT Std', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a, a:link {color:#0074ff;text-decoration:none; border-bottom: 1px dotted;}
a:visited {color: #358609;}
a:focus, a:hover {border-bottom: 1px solid; color: #ed7600;}
h1 a, h1 a:link, h2 a, h2 a:link, h3 a, h3 a:link, h4 a, h4 a:link, h5 a, h5 a:link, h6 a, h6 a:link { border-bottom: none; }
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0; white-space: pre; overflow: auto; background-color: #e8e8e8; border: 1px solid #aaa; padding: 0.75em; }
pre, code, tt {font:1em 'bitstream vera sans mono', 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:square;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
th, td, caption {padding:4px 10px 4px 5px;}
tbody tr.even {background:#c9e9ff;}
thead th, tbody tr:hover {background:#daf0ff;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background-color:#fff6be;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms.css */
label {font-weight:bold;}
fieldset {margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
p.error, p.notice, p.warning {padding:.8em;margin-bottom:1em;border:0.2em solid}
.error {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
input.error { color: #666; }
.warning {background:#fff6bf;color:#514721;border-color:#ffd324;}
.notice {background:#e6efc2;color:#264409;border-color:#c6d880;}
.error a {color:#8a1f11;}
.warning a {color:#514721;}
.notice a {color:#264409;}
.errorExplanation { border: 0.2em solid #900; color: #8a1f11; background-color: #fbe3e4; margin-bottom: 1.5em; }
  .errorExplanation h2 { font-size:1.2em;line-height:1.25;margin-bottom:1.25em; color: #fff; background-color: #900; padding: 0 0.66667em;}
  .errorExplanation p { margin-left: 0.8em; margin-right: 0.8em; }
  .errorExplanation ul { margin-left: 2.3em; margin-right: 2.3em; }
  

/* Page structure */
#branding, #container, #footer { width: 960px; position: relative; left: 50%; margin-left: -480px; }

#branding { background: #fffade url(../images/banner_background.gif) bottom repeat-x; border: 1px solid #ff9724; border-top: none;
            border-bottom: 1px solid #ffd4ac; }
  #branding h1 { margin: 0; }
  #branding h1 a { display: block; text-indent: -9999em; background: transparent url(../images/logo.jpg) top left no-repeat;
                  width: 404px; height: 207px; margin: 0; border-bottom: none; }

#container { float: left; background: #b0daff url(../images/blue_background.gif) bottom repeat-x; border: 1px solid #ff9724; border-top: none; border-bottom: 1px solid #66acff; }
 
.primary_content { width: 536px; margin: 1.5em 0 0 20px; float: left; clear: left; }

.secondary_content { width: 344px; margin: 1.5em 20px 0 0; float: right; }

#footer { border: 1px solid #ff9724; border-top: none; border-bottom: 1px solid #aaa; clear: both;
          background: #e8e8e8 url(../images/gray_background.gif) bottom repeat-x; }
  #footer p { padding: 20px; margin-bottom: 0; text-align: center;}

#navigation { position: absolute; top: -84px; right: 20px; padding: 0; list-style-type: none; font-size: 1.5em; margin: 0; font-family: Eurostile, 'Eurostile LT Std', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
  #navigation li { float: left; margin-left: 24px; }
  #navigation a { border: none; height: 20px; display: block; background-position: top left; background-repeat: no-repeat; text-indent: -9999em; overflow: hidden; }
  #navigation a:hover { color: #0074ff; border-bottom: 0.33333em solid; background-position: bottom left; }
  #nav_blog a { background-image: url(../images/nav_blog.png); width: 39px; }
  #nav_services a { background-image: url(../images/nav_services.png); width: 80px; }
  #nav_portfolio a { background-image: url(../images/nav_portfolio.png); width: 81px; }
  #nav_contact a { background-image: url(../images/nav_contact.png); width: 74px; }

/* Index page */
.index_content_region { float: left; clear: left; width: 100%; }
  .index_content_region.who { background: #b0daff url(../images/blue_background.gif) bottom repeat-x; border-bottom: 1px solid #66acff; }
  .index_content_region.what { background: #b3f8a8 url(../images/green_background.gif) bottom repeat-x; border-bottom: 1px solid #aede62; }
  .index_content_region.blog { background: #fcd7ac url(../images/orange_background.gif) bottom repeat-x; border-bottom: 1px solid #ffb258; }
  .index_content_region .primary_content, .index_content_region .secondary_content { position: relative; }
  .index_content_region h2 { width: 152px; position: absolute; top: 0; left: 0; }
  .index_content_region p, .index_content_region ul, .index_content_region ol,
  .index_content_region h3, .index_content_region h4, .index_content_region .post { margin-left: 192px; }
  .index_content_region.what .secondary_content p { margin-left: 180px; }
  .index_content_region .secondary_content h3 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .index_content_region ul#portfolio_teaser { width: 166px; float: right; }
  .pages.index_page #container { border-bottom: none; }
  .index_content_region .post { border-top: none; padding-top: 0; }
    .index_content_region .post .date { top: 0.2em; }
    .index_content_region .post p, .index_content_region .post .ul, .index_content_region .post ol,
    .index_content_region .post h3, .index_content_region .post h4 { margin-left: 0; }
    .index_content_region .post h3.title { margin-left: 3.333333em; }
    .index_content_region .post p.metadata { margin-left: 5em; }
  
/* Images */
img { border: 1px solid #000; }

/* Photos */

ul.photos { list-style-type: none; margin: 0 0 1.5em; }
  ul.photos li { float: left; margin-left: 12px; margin-bottom: 0.5em; }
  ul.photos li.first { margin-left: 0; }
  ul.photos a, ul.photos a:hover, a.plant_of_the_moment, a.plant_of_the_moment:hover, a.photo, a.photo:hover { border-bottom: none; }
  ul.photos img:hover, .plant_of_the_moment img:hover, a.photo img:hover { border-color: #f83; }
  .plant_of_the_moment img { max-width: 344px; }

/* Blog */
.post { position: relative; border-top: 0.1em solid #c9e9ff; padding-top: 1.4em; padding-bottom: 1.5em; clear: both; }
  .post h2.title { margin-left: 2.5em; margin-bottom: 0; }
  .post h3.title { margin-left: 3.3333333em; margin-bottom: 0; }
  .post .date { position: absolute; top: 1.7em; left: 0; border: 1px solid; padding: 0.5em; text-align: center; width: 3em; line-height: 1; color: #aaa; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #c9e9ff; border-color: #999; }
    .post .date .month { font-size: 0.8em; }
    .post .date .day { display: block; font-size: 2em; text-shadow: #bbb 0.05em 0.05em 0.1em; }
    .post .date .year { display: none; font-size: 2em; text-shadow: #bbb 0.05em 0.05em 0.1em; width: 1.5em; height: 1.1em; position: absolute; top: 0.25em; left: 0.25em; padding-top: 0.375em; background-color: #c9e9ff; }
    .post .date:hover .year { display: block; }
  .post .metadata { margin-left: 5em; color: #999; }

ul.categories { list-style-type: none; margin-left: 0; margin-right: 0; width: 10em; float: left; margin-right: 4em; }

.post .more { display: inline-block; }

.post img { border: 0.1em solid; }
.post img, .post .image_frame { float: right; margin-left: 1em; margin-bottom: 1em; text-align: center; }
  .post img.prominent, .post .image_frame.prominent { float: none; margin: 0 0 1em 0; }
  .post .image_frame a { border-bottom: none; }
  .post .image_frame img { float: none; margin: 0 auto 1em; }
  .post .image_frame .image_caption { display: block; }

h2.comments { border-top: 0.3333em solid #c9e9ff; padding-top: 0.3333em; }
ol.comments { list-style-type: none; margin-left: 0; margin-right: 0; clear: both; }
  ol.comments li { margin-bottom: 0; padding: 0.5em 1em 1px; overflow: hidden; position: relative; border: 1px solid #c9e9ff; border-top: none; }
    ol.comments li.first { border-top: 1px solid #c9e9ff; }
    ol.comments li.even { background-color: #c9e9ff; }
    ol.comments li.author { background-color: #fffade; }
    ol.comments li.author .number { color: #b0daff; }
    ol.comments .number { color: #ecf9ff; position: absolute; right: -0.1em; bottom: -0.5em; font-size: 12em; z-index: 1; font-weight: bold; }
  ol.comments p { z-index: 5; position: relative; }

.secondary_content h3 { clear: both; font-family: Eurostile, 'Eurostile LT Std', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

/* Search */
#search_form { position: absolute; top: -44px; right: 20px; padding: 0; }
  #search_form input { width: 75px; margin-left: 10px; }

h2#posts, h2#pages, h2#search_again { border-top: 0.3333em solid #deebf4; padding-top: 0.3333em; }

/* Portfolio */
ul.portfolio { list-style-type: none; margin-left: 0; margin-right: 0; }
  ul.portfolio img { float: left; margin-bottom: 1.5em; }
  ul.portfolio p, ul.portfolio h3 { margin-left: 192px; }
  ul.portfolio li { clear: left; min-height: 152px; }

/* Pagination */
.pagination { text-align: center; position: relative; left: 50%; margin-left: -268px; width: 536px; margin-bottom: 1.4em; }
  .pagination span, .pagination a { display: inline-block; padding: 0.5em 1em; margin-bottom: 0.5em; margin-right: 0.5em; border: 0.1em solid; }
  .pagination span { border-color: #c9e9ff; color: #c9e9ff; }

/* Code coloring */
.ruby .normal {}
.ruby .comment { color: #005; font-style: italic; }
.ruby .keyword { color: #A00; font-weight: bold; }
.ruby .method { color: #077; }
.ruby .class { color: #007; }
.ruby .module { color: #050; }
.ruby .punct { color: #447; font-weight: bold; }
.ruby .symbol { color: #099; }
.ruby .string { color: #494; }
.ruby .char { color: #F07; }
.ruby .ident { color: #444; }
.ruby .constant { color: #07F; }
.ruby .regex { color: #6B6; }
.ruby .number { color: #F99; }
.ruby .attribute { color: #7BB; }
.ruby .global { color: #7FB; }
.ruby .expr { color: #227; }
.ruby .escape { color: #277; }