body {
  font-family: "Lucida Grande", Helvetica, arial, sans-serif;
  font-size: 88%;
  background-color: #111111;
  color: #cccccc; }

* {
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none; }

html, body {
  height: 100%;
  max-height: 100%; }

h1 {
  display: none; }

ul {
  list-style-type: none; }

li {
  line-height: 22px; }

img {
  border: 0; }

a {
  color: #cefffd; }

a:hover {
  color: #eef6ff;
  padding: 1px 0; }

hr {
  margin: 20px auto;
  border: 0;
  border-bottom: 1px dashed #666666;
  height: 0; }

h2 {
  margin: 0 0 12px 0; }

h3 {
  margin: 15px 0 7px 0; }

p {
  line-height: 20px;
  font-size: 1em; }

#right p {
  font-size: 0.9em;
  line-height: 18px; }

.right {
  float: right; }

.clear {
  clear: both; }

.clear_left {
  clear: left; }

.clear_right {
  clear: right; }

#heading_container {
  background: url("/images/stripes.png") #444444 repeat-x bottom left;
  border-bottom: 1px dashed #666666;
  margin: 0 0 30px 0; }

.feed {
  margin: 10px 10px 0 0; }

#container {
  text-align: left;
  margin: 0 auto;
  min-width: 800px;
  display: block;
  width: 100%; }

#footer {
  clear: both;
  font-size: 0.8em;
  padding: 35px 2% 10px; }

#heading {
  padding: 35px 0 5px 0;
  width: 93%;
  margin: 0 auto; }

#logo {
  margin: 0 0 0 8px; }

#targets {
  position: absolute;
  left: 69%; }

#content {
  width: 66%;
  float: left;
  margin-left: 2%;
  margin-top: 15px; }

#right {
  float: left;
  width: 32%; }
  #right .right_box {
    margin-right: 7%;
    margin-left: 15%; }

#nav {
  font-size: 1.1em;
  margin-left: 26%; }
  #nav li {
    display: inline;
    margin-right: 20px; }
  #nav a {
    padding: 5px 8px; }

#content .post, #content update {
  margin: 0 10px;
  padding: 1px 10px 10px 5px;
  -webkit-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out; }
#content .post:hover, #content .update:hover {
  background: #161616;
  color: #dddddd; }

.right_box {
  color: #888888;
  margin: 0 0 20px 0; }
  .right_box h3 {
    color: #bbbbbb; }
    .right_box h3 span {
      color: #cefffd; }
  .right_box .section {
    padding: 1px 10px 10px;
    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out; }
  .right_box .section:hover {
    color: #aaaaaa;
    background: #1c1c1c; }

#flashes {
  margin: 10px 20px 10px;
  padding: 6px 15px;
  background: #3e5351;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px; }

#admin {
  position: absolute;
  left: 40%;
  top: 5px; }
  #admin a {
    background: #3c6966;
    padding: 15px 10px 4px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px; }

.buttons img {
  margin: 0 1px;
  position: relative;
  top: 2px; }
.buttons a, .buttons p {
  float: left; }
.buttons a {
  padding: 5px 8px;
  margin: 10px 5px;
  background: #333333;
  line-height: 20px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px; }
.buttons a:hover {
  background: #444444; }
.buttons a.current {
  background: #555555; }
.buttons p {
  line-height: 50px; }

.avatar {
  width: 100px;
  float: right;
  margin-left: 10px;
  margin-top: 5px; }

#posts_page p.description {
  margin: 0 80px 20px; }

.comments_count {
  float: right;
  clear: both;
  font-size: 0.9em;
  position: relative;
  top: -4px; }
  .comments_count a {
    color: #9bccca; }

.post hr {
  width: 95%;
  border-color: #333333; }

.posts.index .clear_dashed {
  width: 100%;
  font-weight: bold;
  margin: 10px 0;
  border-bottom: 1px dashed #666666; }

.post {
  margin: 10px auto 20px;
  padding: 10px 15px 25px; }

.post span.time {
  color: #999999; }

.post ul, .post ol {
  font-size: 1.12em;
  margin: 15px 20px; }
.post ul {
  list-style-type: disc; }
.post li {
  margin: 5px 0; }
.post .img_left img {
  float: left;
  margin: 0 8px 0 0; }
.post img {
  max-width: 920px;
  margin: 10px 0; }
.post div.hp img {
  width: 100%; }

input, textarea {
  font-size: 1.4em;
  background: #333333;
  padding: 10px 12px;
  color: #eeeeee;
  margin: 4px 0 10px;
  width: 50%; }

.submit {
  display: block;
  margin: 20px 0 0 80%;
  position: relative;
  left: -150px;
  width: 200px; }
  .submit input {
    width: auto;
    margin: 0 6px 0 0;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    padding: 10px 35px; }
  .submit input:hover {
    position: relative;
    left: 1px;
    top: 1px;
    color: #ecfffe;
    background: #395f5e;
    cursor: pointer; }

textarea {
  width: 85%; }

#post_title {
  font-size: 1.6em; }

.update {
  margin: 20px 0;
  cursor: pointer; }
  .update .type {
    float: left;
    margin: 2px 10px 0 0; }
  .update .created_at {
    float: right;
    color: #777777; }

#disqus_thread #dsq-content .dsq-textarea .dsq-textarea-wrapper, #disqus_thread #dsq-content .dsq-input-wrapper {
  background: #262626;
  color: #eeeeee; }