html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

*:focus {
  outline: 0; }

body {
  line-height: 1;
  color: black;
  background: white;
  font-size: 62.5%; }

ol, ul {
  list-style: none; }

form.button_to {
  display: inline;
  padding: 0  !important;
  background: transparent !important; }
  form.button_to button {
    background: transparent;
    border: none;
    font-size: 1em;
    cursor: pointer; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

a {
  color: inherit;
  text-decoration: none; }

form.button-to {
  display: inline; }
  form.button-to div {
    display: inline; }
    form.button-to div input {
      background: transparent;
      border: none; }


html, body {
  color: #111; }

html {
  font-size: 62.5%; }

body {
  font-size: 1.4em;
  font-family: helvetica, sans-serif;
  line-height: 1.7142857142857142em;
  border-top: 25px solid #000; }

#logo {
  position: absolute;
  top: 0;
  left: 60px;
  color: #999;
  text-decoration: none !important;
  padding-top: 2px; }
  #logo:hover {
    color: #fff; }

#wrapper {
  position: relative;
  margin: -25px auto 0;
  padding-top: 93px;
  padding-right: 60px;
  padding-left: 60px;
  padding-bottom: 100px;
  width: 50em; }
  #wrapper strong {
    font-weight: bold; }


a {
  text-decoration: underline; }

a:link {
  color: #980000; }

a:visited {
  color: #3C0000; }

a:hover {
  color: #f00; }

h1 {
  font-size: 2em;
  margin-top: 0.7em;
  margin-bottom: 0.17em; }

h2 {
  font-size: 1.4285714285714286em;
  line-height: 1.2em;
  margin-bottom: 1.2em; }
  h2 .control {
    font-size: 0.6em; }

h3 {
  font-size: 1.2857142857142858em;
  line-height: 1.3333333333333333em;
  margin-bottom: 1.3333333333333333em; }

h4 {
  font-size: 1.1428571428571428em;
  line-height: 1.5em;
  margin-bottom: 1.5em; }

p, ul, ol, dl, pre, td, th {
  font-size: 1em;
  line-height: 1.7142857142857142em;
  margin-bottom: 1.7142857142857142em; }

p.small {
  font-size: 0.8571428571428571em;
  line-height: 2em;
  margin-bottom: 2em; }

blockquote p {
  margin-bottom: 1.42857142857142857142em;
  line-height: 1.42857142857142857142em;
  font-size: 1.2em;
  font-style: italic;
  color: #666; }

ul li {
  list-style: square;
  list-position: outside; }

ol {
  margin-left: 3em; }
  ol li {
    list-style-type: decimal; }

table {
  border-collapse: collapse;
  margin-bottom: 1.7142857142857142em; }

code {
  background: #fbff88;
  font-family: Monaco, "Courier new";
  font-color: #666; }

form fieldset {
  margin-bottom: 1em; }
  form fieldset legend {
    padding: 0;
    background: #eee;
    font-weight: bold; }
form p {
  margin-bottom: 0; }
  form p label {
    display: inline; }
form label {
  display: block; }
form textarea.full_width {
  width: 98%;
  font-size: 1.2em; }
form fieldset.full_width {
  clear: both; }
form fieldset.half_width {
  float: left;
  width: 50%; }
form fieldset.avatar img {
  border: 1px solid #eee;
  float: left;
  margin-right: 20px; }
form input, form textarea {
  padding: 0.5em 5px;
  border: 1px solid #666; }
form input.large {
  font-size: 1.3em;
  font-weight: bold; }
form input.wide {
  width: 98%; }
form input[type=submit] {
  border-width: 1px 2px 2px 1px;
  font-weight: bold; }
form legend {
  padding-top: 1.42857142857142857142em;
  line-height: 1.7142857142857142em; }
form label {
  line-height: 1.7142857142857142em; }


ul.tab_group {
  margin-top: 1em;
  border-bottom: 2px solid #ccc; }
  ul.tab_group li {
    float: left;
    list-style: none;
    margin-left: 1.5em;
    margin-bottom: -2px;
    padding: 0.2em 1em 0;
    border: 1px solid #ccc;
    border-width: 1px 2px 2px 1px;
    border-right-style: outset;
    background: #eee; }
    ul.tab_group li.active {
      border-bottom-color: #fff;
      background: #fff; }
      ul.tab_group li.active a {
        color: #000; }
    ul.tab_group li a {
      text-decoration: none;
      color: #666; }

div.tags a {
  background: #eee;
  color: #333; }
  div.tags a:hover {
    background: #D0C1C2; }
div.tags li {
  display: inline;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  padding-right: 0.3em; }

#errorExplanation, .fieldWithErrors input {
  border: 2px solid #f00; }

#errorExplanation {
  margin-bottom: 1.7142857142857142em;
  padding: 0.5em 1em;
  border: 2px solid #f00; }
  #errorExplanation h2, #errorExplanation p, #errorExplanation ul {
    margin-bottom: 0; }
  #errorExplanation h2 {
    color: #f00; }
  #errorExplanation p {
    font-weight: bold; }


#authors-index li {
  clear: both;
  margin: 20px 0;
  list-style: none;
  border-bottom: 1px solid #ccc; }
  #authors-index li strong {
    font-weight: bold; }
  #authors-index li img.avatar {
    float: left;
    margin-right: 20px;
    width: 45px;
    height: 60px; }

#articles-index {
  background: url('../images/intro_bg.gif') 0 10px repeat-x; }
  #articles-index #intro {
    padding-bottom: 1.7142857142857142em; }
  #articles-index div.articles, #articles-index div.tags {
    float: left; }
  #articles-index div.articles {
    width: 59%; }
  #articles-index div.tags {
    width: 39%; }
  #articles-index div h2 {
    font-size: 1.8em;
    margin-top: .77777777777777777777em;
    margin-bottom: .18888888888888888888em;
    color: #333; }
    #articles-index div h2 .control {
      color: #980000; }
#articles-show div.article .meta {
  padding: 1.90476190476190476190em 0;
  line-height: 1.90476190476190476190em;
  font-size: 0.9em;
  color: #333; }
  #articles-show div.article .meta a:link, #articles-show div.article .meta a:visited {
    color: #000; }


body .admin {
  display: none; }
body.admin span.admin {
  display: inline; }
body.admin div.admin {
  display: block; }

.clearfix, #wrapper:after, h1:after, ul.tab_group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }