body, * {
  color: #222222;
  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-weight: light;
  font-size: 100%;
  margin-top: 24px; }

a {
  text-decoration: none;
  color: #0072b9; }
  a:visited {
    color: #32a4eb; }
  a:hover {
    color: #004087; }

h1, h2, h3, h4, h5, h6, #banner {
  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-weight: thin; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, #banner a {
    border: none; }
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, #banner a:hover {
      background: inherit;
      border: none; }
    h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, #banner a:visited {
      border: none; }

.clear {
  clear: both; }

.admin_links a {
  border: none; }

#footer {
  border-top: 3px solid gray;
  color: gray;
  font-size: 0.8em;
  font-weight: bold; }
  #footer * {
    color: inherit; }
  #footer .citation {
    text-align: right; }

#content {
  padding: 0;
  margin: 0; }

#image .image {
  border: 1px solid gray;
  width: 100px;
  float: left;
  padding: 1em;
  margin: 1em;
  text-align: center; }
  #image .image:hover {
    border: 1px solid black;
    background: gray; }
  #image .image p {
    font-size: 0.8em; }
#image .admin_links {
  display: block; }

tt {
  display: inline;
  margin: 0; }

sup.footnote a, sup.footnote a:visited {
  font-size: 75%;
  text-decoration: none !important; }

p.footnote {
  padding: 5px 10px;
  font-size: 90%;
  color: gray; }
  p.footnote sup {
    font-size: 75%; }

#rss-advertisement {
  text-align: center;
  background: yellow;
  padding-top: 5px;
  padding-bottom: 5px; }
  #rss-advertisement a, #rss-advertisement a:visited {
    font-weight: bold;
    color: black; }
  #rss-advertisement img {
    padding-left: 5px; }

.highlighted-block {
  color: black !important;
  background: yellow;
  width: 50%;
  margin: 1em auto;
  text-align: center;
  padding: 0 10px; }
  .highlighted-block * {
    color: black !important; }
  .highlighted-block a, .highlighted-block a:visited {
    font-weight: bold;
    border-bottom: 1px solid black; }

.highlight {
  color: black !important;
  background: yellow; }
  .highlight * {
    color: black !important; }
  .highlight a, .highlight a:visited {
    font-weight: bold;
    border-bottom: 1px solid black; }

.punch {
  font-weight: bold;
  color: black; }

strong {
  font-style: italic; }

.ampersand {
  font-family: Baskerville, Palatino, "Book Antiqua", serif;
  font-style: italic;
  font-weight: normal; }

body.home #goggles {
  background: url(/images/goggle-banner.jpg);
  height: 268px; }
  body.home #goggles h2 {
    font-size: 2.5em;
    margin: 20px 0px 20px 20px; }
  body.home #goggles p {
    margin: 10px;
    padding: 10px;
    width: 50%;
    font-size: 1.2em;
    color: white;
    background: rgba(0, 0, 0, 0.5); }
  body.home #goggles a {
    color: inherit;
    border-bottom: 1px solid; }
  body.home #goggles a:hover {
    color: yellow; }
body.home a#random-recommendation {
  color: black;
  color: black;
  text-decoration: none; }
  body.home a#random-recommendation blockquote {
    color: black;
    font-size: 1.2em;
    margin: 0.5em;
    overflow: hidden;
    background: inherit;
    font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif; }
  body.home a#random-recommendation .citation {
    color: gray;
    text-align: right;
    margin-right: 0.5em;
    font-size: 0.6em;
    font-family: Helvetica;
    font-weight: bold; }
    body.home a#random-recommendation .citation * {
      color: inherit; }
  body.home a#random-recommendation:hover {
    background: yellow; }
body.home #recent-posts, body.home #recent-accolades {
  margin-top: 40px;
  padding-bottom: 15px; }
  body.home #recent-posts h3, body.home #recent-accolades h3 {
    padding: 5px 0px; }
    body.home #recent-posts h3:hover, body.home #recent-accolades h3:hover {
      background: yellow; }
    body.home #recent-posts h3 a:hover, body.home #recent-accolades h3 a:hover {
      background: yellow; }
    body.home #recent-posts h3 a, body.home #recent-accolades h3 a {
      color: inherit; }
  body.home #recent-posts .more, body.home #recent-accolades .more {
    text-align: right; }
  body.home #recent-posts a.recent-post, body.home #recent-posts a.recent-accolade, body.home #recent-accolades a.recent-post, body.home #recent-accolades a.recent-accolade {
    margin-bottom: 15px;
    color: white;
    background-color: black; }
    body.home #recent-posts a.recent-post .title, body.home #recent-posts a.recent-accolade .title, body.home #recent-accolades a.recent-post .title, body.home #recent-accolades a.recent-accolade .title {
      color: inherit;
      font-size: 1.2em;
      height: 70px;
      padding: 5px 15px; }
    body.home #recent-posts a.recent-post .date, body.home #recent-posts a.recent-accolade .date, body.home #recent-accolades a.recent-post .date, body.home #recent-accolades a.recent-accolade .date {
      margin: 5px;
      text-align: right;
      font-weight: bold; }
  body.home #recent-posts a.recent-post:hover, body.home #recent-posts a.recent-accolade:hover, body.home #recent-accolades a.recent-post:hover, body.home #recent-accolades a.recent-accolade:hover {
    color: yellow; }
    body.home #recent-posts a.recent-post:hover .date, body.home #recent-posts a.recent-accolade:hover .date, body.home #recent-accolades a.recent-post:hover .date, body.home #recent-accolades a.recent-accolade:hover .date {
      color: #888888; }

.post {
  margin-bottom: 10px; }
  .post .body {
    margin-left: 30px; }
    .post .body p img {
      float: none; }
  .post .title {
    color: black;
    border-bottom: 5px solid black;
    margin-bottom: 5px;
    padding: 5px 0px; }
    .post .title a, .post .title a:visited {
      color: black; }
    .post .title a:hover {
      color: #0072b9; }
  .post .meta {
    text-align: right;
    font-size: 0.7em;
    color: gray; }
    .post .meta * {
      display: inline; }
    .post .meta .unpublished {
      color: red;
      font-weight: bold; }
  .post .extended_leader_text {
    display: none; }
  .post .extended {
    margin-left: 30px; }
  .post .float-left {
    float: left !important;
    margin-left: 0px;
    margin-right: 20px; }
  .post .float-right {
    float: right !important;
    margin-right: 0px;
    margin-left: 20px; }

.post .body a, .post .body a:visited, .page .body a, .page .body a:visited {
  font-weight: bold;
  text-decoration: underline;
  color: black; }
  .post .body a:hover, .post .body a:visited:hover, .page .body a:hover, .page .body a:visited:hover {
    color: #0072b9; }
  .post .body a:active, .post .body a:visited:active, .page .body a:active, .page .body a:visited:active {
    color: #64d6ff; }

body.pages-show .more-info {
  padding: 5px;
  margin-bottom: 30px; }
body.pages-show blockquote {
  background: url(/images/quote.png) no-repeat;
  background-position: 0px 5px;
  padding: 10px 0 0 10px;
  margin: 1em 4em 1em 2em;
  color: black;
  font-size: 1em; }
  body.pages-show blockquote .citation {
    font-size: 0.8em;
    font-family: Helvetica; }
body.pages-show strong {
  color: #444444; }
body.pages-show h2, body.pages-show h3, body.pages-show h4, body.pages-show h5 {
  color: #444444;
  font-weight: bolder; }
  body.pages-show h2 *, body.pages-show h3 *, body.pages-show h4 *, body.pages-show h5 * {
    color: #444444; }
body.pages-show .engage a {
  margin: 5px 0;
  padding: 0 5px;
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  display: block;
  background: yellow;
  color: #444444; }
  body.pages-show .engage a:hover {
    color: black; }
body.pages-show .packages a {
  color: inherit;
  border-bottom: 1px solid black; }
  body.pages-show .packages a:hover {
    color: black !important;
    background: yellow; }
    body.pages-show .packages a:hover * {
      color: black !important; }
    body.pages-show .packages a:hover a, body.pages-show .packages a:hover a:visited {
      font-weight: bold;
      border-bottom: 1px solid black; }
body.pages-show .packages .package {
  width: 300px;
  margin: 0 25px 0 0;
  float: left; }
  body.pages-show .packages .package h3 {
    text-align: center;
    border-bottom: 5px solid;
    padding: 5px; }
body.pages-show .packages .package.last {
  margin-right: 0; }
body.pages-show .badges a {
  float: right; }
body.pages-show .contact p {
  font-size: 1.3em;
  font-weight: bold;
  padding: 10px;
  background: yellow;
  color: #444444; }
body.pages-show .contact a {
  color: black; }
  body.pages-show .contact a:hover {
    color: black;
    border-bottom: 3px solid #666666; }

body.pages-show-zivity-contract #banner, body.pages-show-zivity-contract #footer {
  display: none; }
body.pages-show-zivity-contract h2 {
  border-top: 5px solid gray; }
body.pages-show-zivity-contract h3 {
  margin-left: 40px;
  border-top: 1px solid gray; }
body.pages-show-zivity-contract h4 {
  margin-left: 80px; }
body.pages-show-zivity-contract p, body.pages-show-zivity-contract table, body.pages-show-zivity-contract ul, body.pages-show-zivity-contract ol {
  margin-left: 100px; }
body.pages-show-zivity-contract table {
  border-left: 10px solid gray;
  width: 700px; }
  body.pages-show-zivity-contract table th, body.pages-show-zivity-contract table td {
    vertical-align: bottom; }
  body.pages-show-zivity-contract table th {
    width: 20em; }
body.pages-show-zivity-contract table.signature th {
  width: 5em; }
body.pages-show-zivity-contract table.signature tr:last-child td {
  border-bottom: 1px solid black; }
body.pages-show-zivity-contract .address {
  padding-left: 120px; }

#comments h3 {
  clear: both;
  color: #0072b9;
  border-bottom: 5px solid black;
  padding: 5px; }
#comments .comment.by-owner {
  background-color: #dddddd; }
#comments .comment {
  clear: both;
  border-bottom: 1px solid gray; }
  #comments .comment:first-child {
    border-top: none; }
  #comments .comment .submitter {
    font-weight: bold;
    font-size: 0.6em; }
    #comments .comment .submitter .name {
      font-size: 1.5em; }
    #comments .comment .submitter .gravatar {
      float: left;
      margin-right: 5px;
      border: 1px solid grey; }

.comment_form .help .text {
  float: left;
  width: 300px;
  margin-right: 50px; }
.comment_form .help pre#example {
  border: 1px solid gray;
  color: black;
  background: gray;
  padding: 5px;
  width: 330px;
  margin: 0; }
.comment_form #new_comment {
  clear: both; }
  .comment_form #new_comment #meta_fields {
    float: left; }
    .comment_form #new_comment #meta_fields span {
      display: block; }
  .comment_form #new_comment #comment_body {
    width: 450px;
    height: 90px; }
  .comment_form #new_comment input.text {
    width: 215px;
    display: inline; }

form .buttons {
  float: right;
  padding-bottom: 1em; }
form label {
  margin: 0.5em 0.5em 0.5em 0; }
form textarea {
  margin: 0.5em 0.5em 0.5em 0;
  width: 98%;
  height: 400px;
  border: 3px solid #cccccc; }
form input.text {
  margin: 0.5em 0.5em 0.5em 0; }
form input#post_title {
  width: 98%;
  border: 3px solid #cccccc; }
form input[type="checkbox"] {
  position: inherit; }

.post .body pre {
  clear: both; }

pre {
  background: black;
  color: white;
  padding: 1em;
  margin-bottom: 1em;
  /* conflicts with the curvy corners thing */
  overflow: auto;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; }
  pre code {
    color: white;
    margin: 0;
    padding: 0; }
    pre code * {
      border: none; }
    pre code .symbol {
      color: red; }
    pre code .comment {
      color: gray;
      border: none !important; }
    pre code .brackets {
      color: #888888; }
    pre code .constant {
      color: yellow; }
    pre code .string {
      font-style: italic;
      color: #55ff55; }
    pre code .keywords {
      color: #999999; }
    pre code .instance_variable {
      color: orange; }
    pre code .selectors, pre code .global, pre code .properties, pre code .tag, pre code .attribute {
      color: orange; }

#banner {
  color: white;
  background: black;
  margin-bottom: 15px; }
  #banner a {
    color: white; }
    #banner a:hover {
      color: yellow; }
  #banner h1 {
    font-variant: small-caps;
    letter-spacing: 0.3em;
    margin-bottom: 0px;
    margin-left: 10px;
    padding: 10px; }
  #banner .motto {
    float: right;
    padding: 40px 40px 4px 10px;
    color: yellow; }
  #banner .navigation {
    margin: 0;
    padding: 0;
    float: right; }
    #banner .navigation li {
      display: inline;
      margin: 0;
      padding: 0; }
      #banner .navigation li a {
        border-left: 1px solid white;
        float: left;
        width: auto;
        padding: 40px 40px 4px 10px;
        font-weight: bold; }
        #banner .navigation li a:hover {
          color: yellow; }

#sidebar {
  text-align: right;
  padding-right: 20px;
  font-size: 0.8em; }
  #sidebar .header {
    letter-spacing: 0.2em;
    font-variant: small-caps;
    font-size: 1.9em;
    border-bottom: 2px solid black;
    color: gray; }
  #sidebar h2 {
    padding: 0;
    margin: 0; }
  #sidebar .books img {
    padding-top: 10px; }
  #sidebar .presentations img {
    padding-top: 10px; }
  #sidebar ul {
    list-style: none; }
  #sidebar ul.navigation {
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: 20px; }
    #sidebar ul.navigation li {
      margin: 0; }
      #sidebar ul.navigation li.header:first-line {
        padding-right: -5px;
        margin-right: -5px; }
      #sidebar ul.navigation li a {
        display: block;
        color: black; }
        #sidebar ul.navigation li a:hover {
          color: #0072b9; }
  #sidebar #dopplr-blog-badge .dopplr-badge {
    padding: 0;
    margin: 0;
    border: none; }
    #sidebar #dopplr-blog-badge .dopplr-badge #dopplr-logo {
      display: none; }
    #sidebar #dopplr-blog-badge .dopplr-badge .d-status {
      font-size: 1.2em;
      border-bottom: 1px dotted gray; }

/* flickr stuff is in separate file */
.fieldWithErrors {
  padding: 1em;
  background-color: red;
  display: table; }

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0; }
  #errorExplanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    margin: -7px;
    background-color: #cc0000;
    color: white; }
  #errorExplanation p {
    color: #333333;
    margin-bottom: 0;
    padding: 5px; }
  #errorExplanation ul li {
    list-style: square; }

/* Images are wrapped in divs classed "flickr_badge_image" with ids */
/* "flickr_badge_imageX" where "X" is an integer specifying ordinal position. */
/* Below are some styles to get you started! */
#flickr_badge_uber_wrapper {
  /* :text-align center */
  /* :width 150px */ }

#flickr_badge_wrapper {
  padding-top: 10px; }

.flickr_badge_image {
  padding: 0;
  margin: 0 0px 10px 10px;
  float: right; }
  .flickr_badge_image img {
    margin: 0;
    padding: 0;
    border: 1px solid black !important; }

#flickr_badge_source {
  text-align: left;
  margin: 0 10px 0 10px; }

#flickr_badge_icon {
  float: left;
  margin-right: 5px; }

#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {
  text-decoration: none !important;
  background: inherit !important;
  color: #3993ff; }

#flickr_badge_source {
  padding: 0 !important;
  font: 11px Arial, Helvetica, Sans serif !important;
  color: #666666 !important; }

.image {
  clear: both;
  padding: 10px 0 10px 0;
  border-top: 3px solid gray; }
  .image .image_img {
    float: left;
    padding: 10px 20px 10px 0;
    margin-top: 0; }
  .image .admin_links {
    float: right; }
  .image .meta-data .image_file_name {
    font-weight: bold; }
  .image .meta-data .description {
    font-style: italic; }
  .image .meta-data .source_url {
    font-size: 80%; }