* {
  margin: 0;
  padding: 0; }
  * html .clearfix {
    height: 1%; }

body {
  font-family: Verdana, "Lucida Grande", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  background: #525252 url("/images/bgcolor.gif") repeat-x top left; }

#footer p, #footer li, #footer h2, .sidebar strong, .sidebar span.price, #menu li, h2 {
  text-shadow: #000 0 0 0; }

#menu {
  font-weight: bold;
  font-family: "Lucida Grande", "Helvetica Neue", Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 auto;
  padding: 0.5em; }
  #menu li {
    display: inline;
    margin: 0 15px;
    border-bottom: none; }
    #menu li a:hover {
      background-color: transparent;
      border-bottom: 3px solid white; }

#menu li a {
  padding: 0;
  border-bottom: none;
  color: white; }

#menu, #footer {
  background-color: black;
  color: white;
  text-align: left;
  font-size: 1em;
  line-height: 1.5em;
  list-style-type: none; }

* html>body .clearfix {
  display: inline-block;
  width: 100%; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearleft {
  clear: left; }

.container {
  width: 83em;
  margin: 0 auto;
  background-color: transparent;
  position: relative; }

.column {
  float: left;
  padding-bottom: 3em;
  position: relative;
  width: 17em; }

.content {
  background-color: white;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  padding-top: 1.5em; }
  .content code {
    line-height: 90%; }
  .content h2 {
    letter-spacing: -2px; }
  .content p, .content ul, .content blockquote, .content code, .content pre {
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 1.5em; }
  .content blockquote, .content .content cite {
    font-family: Georgia, serif;
    font-weight: bold;
    text-align: left;
    font-size: 1.1em;
    line-height: 1.5em; }
  .content pre {
    font-size: 1.2em;
    padding: 1em;
    overflow-x: auto;
    width: 32em; }
  .content ol {
    margin-left: 3em;
    margin-bottom: 1em; }

.triple {
  width: 44em;
  float: right;
  padding-left: 1em;
  padding-right: 1em; }

.double {
  width: 36em; }
  .double h2 {
    letter-spacing: -2px; }
  .double blockquote, .double .double cite {
    font-family: Georgia, serif;
    font-style: italic;
    text-align: left;
    font-size: 1em;
    line-height: 1.5em; }
  .double cite {
    text-align: right; }
  .double code {
    line-height: 90%; }
  .double p, .double ul, .double blockquote, .double code, .double pre {
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 1.5em; }

.single {
  width: 18em;
  color: #f0f0f0; }
  .single.first {
    position: absolute;
    left: 0;
    top: 0; }
  .single.second {
    position: absolute;
    left: 19em;
    top: 0;
    padding-top: 2em; }
  .single p, .single blockquote {
    font-size: 0.833em;
    line-height: 1.800em;
    margin-bottom: 1.800em; }
  .single a {
    color: #f0f0f0; }
    .single a:hover {
      color: #ffffff; }
  .single h1#logo {
    width: 224px;
    height: 179px;
    margin: 0;
    font-size: 1.667em;
    line-height: 0.900em;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/logo.png'); }
    .single h1#logo span {
      display: none; }
  .single #logo[id] {
    background: url(/images/logo.png) top left no-repeat; }
  .single ul {
    margin-left: 2em; }
    .single ul li a {
      padding-left: 0.2em;
      padding-right: 0.2em; }

.single h2, #footer h2 {
  font-size: 1.333em;
  line-height: 1.125em;
  margin-bottom: 1.125em;
  text-transform: uppercase;
  font-family: "Helvetica Neue", Helvetica, sans-serif; }

div.last {
  margin-top: 15em; }

.sidebar {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  margin-bottom: 1.5em;
  color: black; }
  .sidebar a {
    border-bottom: 1px dotted #333333;
    color: #eeeeee; }
  .sidebar a:hover {
    background-color: #333333;
    border-bottom: 1px solid #525252; }
  .sidebar h2 {
    text-align: left;
    padding-left: 1.5em;
    color: #cccccc; }
    .sidebar h2 strong {
      color: #ffffff; }
  .sidebar ul li {
    padding-bottom: 0.5em;
    list-style-type: square;
    color: #666666; }
  .sidebar ul.tight li {
    padding-bottom: 0; }


.peepcode_sidebar a {
  border-bottom: 1px dotted #ff43a7;
  color: #ffffff; }
.peepcode_sidebar h2 {
  color: #ff43a7;
  text-align: center;
  padding-left: 0; }
  .peepcode_sidebar h2 strong {
    color: white; }
.peepcode_sidebar p strong {
  background-color: transparent;
  font-weight: bold; }

.submit {
  margin: 0 15px; }

.date {
  color: #777; }

.denied {
  background-color: #ddffff; }


a {
  color: black;
  border-bottom: 1px solid #e5cb00;
  text-decoration: none;
  padding: 0; }
  a img {
    border: 0; }

a.blind_link, a.preview {
  border-bottom: 0; }

a.blind_link:hover, a.preview:hover {
  background-color: transparent;
  border-bottom: 0; }

a.feed, #menu li a.feed, .sidebar a.feed, #footer a.feed {
  color: #ffa500;
  border-bottom: 1px dotted #ffa500; }

a.feed:hover, #menu li a.feed:hover, .sidebar a.feed:hover, #footer a.feed:hover {
  border-bottom: 1px solid #ffa500;
  background-color: transparent; }

a.preview {
  width: 18em;
  height: 13.5em;
  position: absolute;
  overflow: hidden;
  top: 0;
  border: 0;
  background-color: transparent; }
  a.preview img {
    position: absolute;
    width: 12em;
    top: 2.5em;
    left: 1.5em; }

a.preview img:hover {
  opacity: 0.5; }

a.sponsor {
  display: block;
  border: 0;
  margin-bottom: 1.5em;
  text-align: center; }

a:hover {
  background-color: transparent;
  color: black;
  border-bottom: 1px solid black; }

button {
  border: 0;
  font-weight: bold;
  color: white;
  margin: 0 15px;
  background-color: green;
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 1.5em;
  text-transform: uppercase; }
  button hover {
    background-color: #99cc99;
    color: green;
    cursor: pointer;
    cursor: hand; }

cite {
  text-indent: 0;
  display: block;
  font-weight: bold; }

div.errorExplanation {
  padding-bottom: 10px; }
  div.errorExplanation h2 {
    display: none; }


div.fieldWithErrors {
  margin: 0;
  padding-bottom: 10px; }
  div.fieldWithErrors input {
    border: 4px solid #ff43a7;
    padding: 3px; }

form.login {
  margin: 0 auto;
  width: 200px; }


h1, h2, h3 {
  font-family: Georgia, serif;
  clear: both; }

h1, h2, h3, p, ul, blockquote, pre {
  margin: 0 15px; }

h2 {
  font-size: 4em;
  line-height: 0.9em;
  margin-bottom: 0.9em;
  margin-left: 0;
  margin-right: 0;
  text-align: center; }

h2 strong, h3 strong {
  background-color: transparent;
  font-weight: bold;
  color: #e5cb00; }

h3 {
  font-size: 1.5em;
  line-height: 1.5em;
  margin-bottom: 1em;
  border-bottom: 1px dotted #000000; }

h3.archives {
  margin-top: 1em;
  margin-left: -1em; }

h4 {
  margin-left: 1.5em; }


p {
  margin-top: 0;
  padding: 0;
  margin-bottom: 1.5em; }

p.small, div.small, td.small, th.small, tr.small td, tr.small th, table.small th, table.small td {
  font-size: 0.9em;
  line-height: 1.800em;
  margin-bottom: 1.8em; }


table {
  border-collapse: collapse;
  margin: 0 15px;
  margin-bottom: 1.5em; }
  table td {
    border: 1px solid #eeeeee; }
  table tr td {
    text-align: right; }
  table tr th {
    text-align: left; }
  table td.first_column, table th.first_column {
    border-left: none;
    text-align: left; }
  table td.last_column, table th.last_column {
    border-right: none;
    text-align: right; }
  table td form.button-form button {
    margin-bottom: 0; }
  table td {
    line-height: 1.5em;
    vertical-align: top;
    padding: 0 10px; }
  table td.right, table th.right {
    text-align: right;
    padding-right: 10px; }
  table th {
    background-color: #fdea6c;
    padding: 0 10px;
    font-weight: normal; }
  table tr.odd {
    background-color: #eeeeee; }

body.articles table tr td, body.homes table tr td {
  text-align: left; }

div.half {
  width: 250px;
  float: left; }


ul {
  margin-bottom: 1.5em;
  margin-left: 3em;
  list-style-type: square; }
  ul products {
    list-style-type: none;
    margin-left: 1em; }

ul.products li {
  clear: left; }

ul.products span.price {
  font-weight: bold;
  color: #696;
  margin-right: 1em;
  display: block;
  width: 2.3em;
  float: left;
  text-align: right; }

ul.products span.product_title {
  display: block;
  float: left;
  width: 12em; }

ul.hand_picked {
  font-size: 0.833em;
  margin: 0;
  padding: 0 15px;
  list-style-type: none; }
  ul.hand_picked li {
    margin-bottom: 1em; }
    ul.hand_picked li .date {
      color: #cccccc;
      display: inline; }
    ul.hand_picked li a {
      font-weight: bold; }


input, textarea {
  border: 1px solid #666666;
  padding: 0.5em;
  width: 37em; }

textarea {
  height: 10em;
  display: block; }

label {
  display: block;
  font-weight: bold;
  padding-top: 1em;
  color: #666666; }
  label input {
    display: block; }

input.submit {
  display: block;
  margin: 0;
  margin-top: 1em;
  font-size: 1.5em;
  font-weight: bold;
  font-family: Georgia, serif;
  width: 7em; }

input#preview {
  float: left;
  margin-right: 1em;
  background-color: #cccccc; }

div#preview_area {
  clear: both;
  padding: 0;
  margin: 0;
  margin-top: 1em;
  padding-top: 1em; }
  div#preview_area p {
    margin-left: 0;
    padding-left: 0; }

fieldset {
  border: 1px solid #eeeeee;
  padding-left: 1em;
  padding-bottom: 1em; }
  fieldset legend {
    color: #666666;
    padding-right: 1em; }

p.byline {
  font-size: 1em; }


span.caps, acronym, abbr {
  text-transform: uppercase;
  font-size: 0.95em;
  letter-spacing: 0.1em; }

span.amp {
  font-family: "Palatino", "Book Antiqua", serif;
  font-size: 110%;
  font-style: italic; }

strong {
  background-color: #ffffcc;
  font-weight: normal; }


div.atomentry h2.title {
  padding-top: 0.25em;
  padding-bottom: 0;
  margin-bottom: 0; }
  div.atomentry h2.title a {
    border-bottom: none; }
  div.atomentry h2.title a:hover {
    border-bottom: 1px solid #000000; }
  div.atomentry h2.title span.comments_count {
    font-size: 0.5em;
    margin-top: 0; }
div.atomentry p.author {
  color: #999999;
  text-align: center; }
  div.atomentry p.author cite {
    display: inline;
    font-weight: normal;
    font-style: normal; }
  div.atomentry p.author abbr.published {
    letter-spacing: 0; }

form #article_body {
  height: 40em;
  width: 35em;
  padding: 0.5em 0 0 0.5em;
  font-size: 1.2em; }


span.comments_count {
  display: block;
  text-align: center;
  font-size: 2em;
  font-family: Georgia, sans-serif;
  font-weight: bold;
  letter-spacing: -1px;
  margin-top: 1em; }
  span.comments_count a {
    color: #666666;
    border-bottom: none; }
  span.comments_count a:hover {
    border-bottom: 1px dotted #000000; }

p.leave_a_response {
  text-align: center;
  padding-top: 1em; }

ul.comments {
  list-style-type: none;
  margin: 1em; }
  ul.comments li.comment {
    border: 1px solid #eeeeee;
    display: block;
    margin-bottom: 1em; }
    ul.comments li.comment .author cite {
      margin: 1em; }
    ul.comments li.comment div.comment_content {
      display: block;
      margin-bottom: 3em;
      clear: left;
      overflow-x: auto;
      overflow-y: hidden; }
  ul.comments .avatar {
    display: block;
    width: 60px;
    height: 60px;
    float: right;
    margin: 1em;
    padding: 3px;
    border: 1px solid #cccccc; }

.blog_author {
  background: white url(/images/gradient-white.png) repeat-x top; }

form#comment_form {
  padding: 1em; }


#flash, .flash {
  font-weight: bold;
  padding: 1em 2em;
  font-family: "Georgia", serif;
  background-color: #ffffcc;
  border-top: 1px solid #e5cb00;
  text-align: center;
  line-height: 1.5em;
  margin-bottom: 1.5em; }


.icon {
  border: none; }


.vcard {
  margin-bottom: 1em;
  margin-left: 1em; }


div.figure {
  background-color: #eeeeee;
  padding: 10px; }
  div.figure.sm {
    float: right;
    width: 200px;
    margin-left: 20px;
    margin-right: 15px; }
    div.figure.sm img {
      width: 200px; }
  div.figure.med {
    float: right;
    width: 300px;
    margin-left: 20px;
    margin-right: 15px; }
    div.figure.med img {
      width: 300px; }
  div.figure.legacy {
    display: block;
    width: 400px;
    margin: 1em auto; }
    div.figure.legacy img {
      width: 400px; }
  div.figure.lg {
    display: block;
    margin: 1em 15px; }
    div.figure.lg img {
      width: 500px; }
  div.figure div strong {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.8em;
    background-color: white;
    padding: 0 0.2em;
    margin-right: 0.2em; }

/* Ruby Row Advertising */ */
div#adzerk {
  width: 120px; }
  div#adzerk #adzerk_ad_div {
    margin-left: 15px;
    margin-bottom: 10px; }
    div#adzerk #adzerk_ad_div p {
      margin: 0;
      padding: 0; }