/* I should make this into a sass.. */

/* Hello dear reader! Hope my style sheet is useful for you in some manner.
 * :) I write all my files in vim by the way, which makes me uber-cool
 * ya know? If you like randomly looking at CSS files, you're my type of
 * person! Throw an email my way and let's chat! (And if you want some
 * help with web design or something I'll gladly try to help.)
 */

html, body, div.wrapper { height: 99%; }

body {
  background-color: #222222;
  color: #438829;
  font: georgia,times,verdana,arial,courier
}

img {
  border: none;
}

i {
  color: #63c93d;
}

b {
  color: #63c93d;
}

div.wrapper {
  margin: auto;
  width: 90%;
}

div.head {
  padding: 2%;
  border: groove #999999;
  margin-bottom: 5%;
  background-color: #000000;
  min-height: 10%;
  text-align: center;
}

div.sidebar div, div.content div {
  padding: 2%;
  background-color: #000000;
  border: groove #999999;
  margin-bottom: 25%;
  width: 100%;
}

div.content div {
  margin-bottom: 15%;
}

div.content {
  width: 70%;
  float: left;
  height: 100%;
}

div.maincontent {
  min-height: 65%;
}

div.content div.stacked_content {
  margin-bottom: 5%;
}

div.content div.comments {

}

div.sidebar {
  width: 20%;
  float: right;
  min-height: 65%;
}

div.sidebar h3 {
  text-align: center;
  font-size: 16pt;
}

div.sidebar a {
  display: block;
  margin-bottom: 3%;
  text-align: center;
  font-weight: bold;
}

div.sidebar div.tag_cloud a, div.navigation a {
  display: inline;
}

.down-arrow, .right-arrow {
  display: block;
  border-color: #338833 transparent transparent transparent;
  border-style: solid;
  border-width: 7px;
  width: 0;
  height: 0;

  /* Positioning within the nav menu */
  float: left;
  position: relative;
  top: 5px;
}

.right-arrow {
  border-color: transparent transparent transparent #338833;
}

div.sidebar ul {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}

div.sidebar ul li {
  padding-bottom: 1%;
}

div.sidebar ul.ulmonths {
  padding-left: 5%;
}

div.sidebar ul.ulposts {
  padding-left: 15%;
}

div.login {
  font-size: 12pt;
  text-align: center;
}

div.login input {
  width: 98%;
}

div.login a {
  display: inline;
  margin-bottom: 0;
  text-align: left;
  font-weight: normal;
}

span.quote {
  display: block;
  border-left: 5px solid #0000BB;
  padding-left: 1%;
}

span.comment_name {
  font-weight: bold;
}

span.comment_date {
  float: right;
}

span.comment_options {
  display: block;
  float: right;
}

span.comment {
  display: block;
  margin-top: 5%;
}

pre {
  line-height: 60%;
  /* Solves the <br /> issue simply for now. (Need to really fix it later */
  overflow-x: auto;
  background: #191919;
  padding: 1%;
  -moz-border-radius: 15px; /* Go Firefox. =P */
  /* Aw fine, I'll support these two too. */
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
}

a {
  text-decoration: none;
  font-weight: bold;
}
a:link {
  color: #00558f;
}
a:hover {
  text-decoration: underline;
}
a:visited {
  color: #206f60;
}
a:active {
  color: #ffffff;
}

.error {
  color: #ff0000;
  font-weight: bold;
}


/* JsMath */
.typeset {
  display: table;
  background-color: #ffffff;
  color: #000000;
  padding: 2%;
}