* {
  margin: 0;
  padding: 0; }





#sidebar {
  background: #fff; }
  #sidebar /h2 {
    margin-top: 2em; }
    #sidebar /h2:first-child {
      margin-top: 0; }
  #sidebar /h2, #sidebar ol, #sidebar p, #sidebar ul {
    color: #777777;
    font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
    font-size: 90%; }
  #sidebar h2 {
    color: #555555; }
  #sidebar ol, #sidebar ul {
    margin: 1em 0;
    padding: 0;
    list-style: none; }
    #sidebar ol li,     #sidebar ul li {
      margin: 0.8em 0; }
    #sidebar ol a:hover,     #sidebar ul a:hover {
      color: white;
      background: #77d;
      text-decoration: none; }
  #sidebar div.feed {
    margin: 1.5em 0;
    border-top: 1px solid #cccccc; }

p.social,
div.feed {
  color: #777777;
  font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
  font-size: 90%; }

div.feed {
  margin: 0.5em 0;
  padding-top: 1.5em;
  padding-bottom: 1.5em; }
  div.feed a {
    padding: 6px 0 6px 36px;
    background: url(/feed-icon.png) no-repeat left center; }

h1, h2, h3, h4, h5, h6, p, div.breadcrumb {
  color: #333;
  font-family: Trebuchet MS, Tahoma, Verdana, sans-serif; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  text-decoration: none; }

/body.home h1 {
  padding-bottom: 0.5em;
  border-bottom: #aaa 1px solid;
  color: #555555;
  text-align: center;
  font-size: 300%; }

h2.articles {
  margin-bottom: -0.2em;
  border-top: 1px solid #cccccc;
  padding-top: 0.3em;
  font-size: 120%; }

div.breadcrumb.title_bar {
  font-size: 1.5em;
  font-family: Palatino, "Palatino Linotype", Georgia, serif; }

div.date {
  margin-top: 1.5em;
  font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
  font-size: 75%;
  color: #555555; }

#content p.read_more {
  text-align: right;
  font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
  font-size: 90%; }
#content img {
  margin: 0.75em 0 1.5em 0;
  border: 1px solid #ccc;
  padding: 2px; }
#content blockquote {
  margin: 1.5em 5%;
  padding: 0.75em;
  background: #eeeeee; }
  #content blockquote p {
    margin: 0; }
  #content blockquote cite {
    display: block;
    text-align: right; }
#content div.categories {
  margin-top: 2em;
  padding: 0.8em 8px 0.85em 38px;
  background: #eee url(/category-icon.png) no-repeat 8px 51%;
  color: #777777;
  font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
  font-size: 80%; }
  #content div.categories a {
    margin-left: 0.5em; }
#content .social {
  float: right;
  width: auto;
  margin: 0;
  padding-top: 1.2em;
  padding-bottom: 1.5em;
  vertical-align: middle; }
  #content .social img {
    margin: 0 0 0 5px;
    border: none; }
#content code, #content pre {
  color: #536a6f; }
#content pre {
  margin: 1.5em 0;
  border-left: 3px solid #c7dee3;
  padding: 0.7em;
  background-color: #dff6fb;
  overflow: auto; }
  #content pre code {
    border: none;
    padding: 0; }
#content div.old-comments h2 {
  border-top: 1px solid #cccccc;
  padding-top: 0.5em; }
#content div.old-comments ol {
  padding-left: 0;
  list-style: none;
  font-size: 90%; }
  #content div.old-comments ol li {
    margin-bottom: 1em;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 0.7em; }
    #content div.old-comments ol li p.meta {
      color: #555555; }
      #content div.old-comments ol li p.meta span {
        font-weight: bold;
        color: black; }

h1 {
  margin: 0 0 0.5em 0;
  font-size: 220%;
  letter-spacing: -1px; }
  h1 small {
    display: block;
    font-size: 40%;
    letter-spacing: 0; }

h2, h3, h4, h5, h6 {
  margin: 1em 0 0.5em 0; }

h2 {
  font-size: 175%; }

h3 {
  font-size: 130%; }

h4 {
  font-size: 110%; }

ol, ol li, p, pre, ul, ul li {
  margin-bottom: 1em; }

ol li, ul li {
  margin-bottom: 0.75em; }

ol, p, ul {
  font-family: Georgia, serif;
  line-height: 135%;
  color: black; }

ul, ol {
  padding-left: 2.5em; }

a {
  color: #66f; }
  a:visited {
    color: #44a; }
  a:hover {
    color: #66c; }

#footer {
  clear: both;
  margin-top: 2em;
  border-top: 1px solid #cccccc;
  padding-top: 0.5em; }
  #footer p {
    text-align: right;
    font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
    font-size: 70%;
    color: #777777; }

html, body, div, p {
  margin: 0;
  padding: 0;
  border: 0; }

.main {
  margin: 0 auto;
  width: 960px; }

.d20, .d25, .d33, .d50, .d67, .d100 {
  float: left;
  display: inline;
  *margin-left: -0.1em; }

.d20 {
  width: 20%; }

.d25 {
  width: 25%; }

.d33 {
  width: 33.33%; }

.d50 {
  width: 50%; }

.d67 {
  width: 66.66%; }

.d100 {
  width: 100%; }

.clear {
  clear: both; }

body {
  font: 13px/1.5 Verdana, Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-family: Palatino, "Palatino Linotype", Georgia, serif;
  margin: 0.5em 0 0 0; }

p {
  padding: 0.5em 0; }

h1 {
  font-size: 2em; }

h2 {
  font-size: 1.5em; }

h3 {
  font-size: 1.4em; }

img {
  border: none;
  border-width: 0; }

body {
  background: #111; }
  body .main {
    background-color: #fff;
    overflow: auto; }
    body .main .content {
      margin-left: -1px;
      padding: 0 10px;
      height: 100%; }
      body .main .content h1 {
        font-size: 1.75em;
        border-bottom: 1px solid #ccc; }
        body .main .content h1 a {
          text-decoration: none;
          color: #000; }
          body .main .content h1 a:hover {
            color: #936; }
      body .main .content h2 {
        font-size: 1.4em; }
      body .main .content h3 {
        font-size: 1.3em; }
      body .main .content .intros .photo {
        float: right;
        padding: 0.5em 0 0.5em 0.5em;
        width: 300px; }
        body .main .content .intros .photo img {
          width: 300px; }
        body .main .content .intros .photo .meta {
          float: right;
          font-size: 0.9em;
          color: #aaa; }
          body .main .content .intros .photo .meta a {
            color: #aaa;
            text-decoration: none; }
      body .main .content .quotes .quote {
        overflow: auto;
        padding: 0.5em 0; }
        body .main .content .quotes .quote .body .startquote, body .main .content .quotes .quote .body .endquote {
          font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
          color: #000;
          font-weight: bold;
          display: inline; }
        body .main .content .quotes .quote .body p {
          display: inline; }
        body .main .content .quotes .quote .author {
          float: right;
          margin-right: 0.25em; }
      body .main .content .gift_ideas .gift_idea .title h2 {
        padding-left: 22px;
        background: url(/img/gift_box_dark_20.png) no-repeat; }
      body .main .content .gift_ideas .gift_idea .body, body .main .content .gift_ideas .gift_idea .gift_items {
        padding-left: 22px; }
      body .main .content .gift_ideas .gift_idea .gift_items ul {
        margin-top: -1em;
        padding-left: 1.5em; }
      body .main .content .testimonials .testimonial {
        overflow: auto;
        padding: 0.5em 0; }
        body .main .content .testimonials .testimonial .author {
          padding: 0 1.5em; }
        body .main .content .testimonials .testimonial .body {
          font-style: italic;
          padding: 0 1.5em;
          color: #666; }
          body .main .content .testimonials .testimonial .body .startquote, body .main .content .testimonials .testimonial .body .endquote {
            font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
            color: #666;
            font-weight: bold;
            display: inline; }
          body .main .content .testimonials .testimonial .body p {
            display: inline; }
  body .header {
    padding: 5px 0 5px 10px;
    color: #fff;
    background: #111;
    overflow: hidden;
    height: 1%; }
    body .header a {
      color: #fff;
      text-decoration: none; }
      body .header a img {
        border-width: 0; }
      body .header a:hover {
        color: #fff; }
    body .header .nav {
      text-align: right;
      vertical-align: middle;
      line-height: 90px;
      height: 90px;
      font-size: 1.1em; }
      body .header .nav a {
        display: inline-block;
        padding: 1em;
        margin: -1em 0 -1em 0;
        color: #fff; }
        body .header .nav a:hover {
          background: #444; }
  body .title_bar {
    padding: 2px 10px 0 10px;
    color: #fff;
    background: #604;
    overflow: hidden;
    height: 1%;
    border-bottom: 5px solid #111; }
    body .title_bar h1 {
      margin: 0;
      font-weight: normal;
      font-size: 1.5em;
      font-family: Palatino, "Palatino Linotype", Georgia, serif;
      letter-spacing: 1px; }
    body .title_bar a {
      color: #fff;
      text-decoration: none; }
    body .title_bar .callout {
      text-align: right; }
  body .intro {
    overflow: hidden; }
    body .intro .what, body .intro .how, body .intro .why {
      padding: 0 10px; }
  body .browsing {
    padding: 0 10px;
    color: #000;
    background: #fff6f9;
    border-top: 1px solid #ddd;
    overflow: hidden;
    height: 1%; }
    body .browsing .contexts h4 {
      margin-bottom: 0; }
  body .footer {
    text-align: center;
    padding: 10px;
    color: #665;
    background: #111;
    height: 1%; }
    body .footer a {
      color: #665; }
  body .ads {
    padding: 0 10px;
    font-size: 1.1em !important; }

.title_bar h1 {
  color: #fff; }
.title_bar a, .title_bar a:visited {
  color: #ecc;
  text-decoration: underline; }
  .title_bar a:hover,   .title_bar a:visited:hover {
    color: #fff; }

.content {
  background: #fff; }

.wrapper {
  padding: 0 1em; }

.footer {
  clear: both; }

<!-- page cached: 2009-04-09 03:40:58 -->