/* General */

body {
  background-color: #282828;
  padding: 4px 0; margin: 0;
  font-family: Verdana, sans-serif;
  color: #ccc;
}
img {border: 0;}
a {color: #7ae}
a:hover {text-decoration: underline;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-weight: normal;}
p {margin: 0; padding: 0;}
ul {margin: 0; padding: 0;}
li {margin: 0; padding: 0; list-style-type: none;}
input.text, textarea {
  background-color: #1c1c1c; color: #ccc; 
  border-color: #4c4c4c; border-bottom-color: #010101; border-right-color: #010101; border-width: 1px;
}
input.button {
  font-size: 10pt; padding: 3px 5px; background-color: #232323; color: #aaa; letter-spacing: 1px;
  border-color: #111111; border-width: 1px;
}
fieldset {border: 0; margin: 0; padding: 0;}

.serif {font-family: Palatino Linotype, Georgia, MgOpen Cosmetica, Bitstream Charter, serif;}
.sans-serif {font-family: Verdana, sans-serif;}

/* Header */

#head {margin-bottom: 35px; width: 73.5%; float: left;}
#head h1 {
  font-size: 42pt; font-family: Palatino Linotype, Georgia, MgOpen Cosmetica, serif; 
  margin: 6px 20px 10px 33px; float: left;
}
#head h1 a {text-decoration: none; color: #d5d5d5;}
#head .border {height: 2px; width: 100%; margin-bottom: 1px; clear: both; }
#head .border.top {background-color: #0049cc; border: solid 1px #0034bb;}
#head .border.middle {background-color: #aaa; height: 0px; border: solid 1px #aaa}
#head .border.bottom {background-color: #008833; border: solid 1px #007023}
#head div.rss {
  float: right; margin-top: 43px; 
  background-image: url(images/rss.png); background-repeat: no-repeat; background-position: center left;
}
#head div.rss a {
  font-weight: bold; font-size: 18pt; font-family: serif;
  text-decoration: none; color: #ccc; padding-left: 30px;
}

#avatar {float: right; padding-right: 4.5%; padding-top: 10px;}


/* Posts */

#main {float: left; width: 75%;}

#main #flash {
  background-color: #383838; border: 1px solid #585858;
  padding: 5px 25px 5px 25px; margin: -20px auto 20px auto; width: 80%;
}

#main .post {
  text-align: center; 
  width: 80%; margin: 0 auto 40px auto; padding: 13px 25px 15px 25px;
  background-color: #1c1c1c; border: 1px solid #242424;
}

#main .post h2 {
  color: #559cdf; font-size: 26pt; margin-bottom: -6px; 
  font-family: Palatino Linotype, Georgia, MgOpen Cosmetica, serif;
}
#main .post h2 a {color: #559cdf; text-decoration: none}
#main .post h2 a:hover {text-decoration: underline}
#main .post .body {
  padding: 0px 10px; color: #c5c5c5;
  line-height: 22px; font-size: 11pt;
  text-align: left;
}
#main .post .body ul {margin-top: 20px; margin-left: 15px;}
#main .post .body li {list-style-type: disc; list-style-position: outside;}
#main .post .body li {margin: 12px 0px; padding: 0 5px;}
#main .post .body p {margin-top: 20px;}
#main .post img {padding: 10px 20px;}
#main .post .body blockquote {font-size: 10pt; font-style: italic; line-height: 19px}

#main .post .date-topper {height: 1px; margin: 16px auto 12px auto; width: 5%; background-color: #999;}
#main .post h3 {
  color: #999; font-size: 12pt; margin-top: 17px;
  padding-bottom: 10px; text-align: center;
}
#main .post a#comments {font-size: 12pt;}
#main .post a.edit {
  font-size: 8pt; float: right; 
  margin-top: -25px; margin-right: -20px; 
  border: 1px solid #3c3c3c; padding: 10px 20px;
  text-decoration: none; 
}

#main .post blockquote.major {
  width: 70%; padding: 0; margin: 20px auto; 
  color: #ccc; font-size: 20pt;
  line-height: 35px; font-style: normal;
  text-align: center;
}
#main .post blockquote.major div {
  display: block; margin-top: 14px; 
  color: #7ac; font-size: 14pt;
}
#main .post blockquote.major div a {text-decoration: underline;}

#main .post div.song p.embed {margin-top: 30px; text-align: center;}
#main .post div.song p.download {margin-top: 20px; margin-bottom: 30px; text-align: center;}
#main .post div.song p.download a {font-size: 26pt; color: #4c4; line-height: 45px;}

#main .post.pages {
  background-color: #282828; border: 0; 
  margin-top: -10px; padding-top: 0;
}
#main .post.pages a {font-size: 14pt;}
#main .post.pages a.prev {float: left;}
#main .post.pages a.next {float: right;}

/* Comments */

#comments {padding-top: 10px;}

#comments .comment {
  width: 86%; margin: 0 auto 50px auto; margin-right: 7.5%; 
  float: right; min-height: 60px; clear: both; 
}
#comments .comment div.left {
  float: right; text-align: center; width: 24%; 
  border-top: 1px solid #5c5c5c; padding-top: 10px;
}
#comments .comment h3 {font-size: 14pt; margin-bottom: 13px;}
#comments .comment h4 {font-size: 8pt; margin-bottom: 6px;}
#comments .comment h5 {font-size: 8pt;}
#comments .comment div.right {
  padding: 15px 20px 18px 15px; float: right; width: 70%; min-height: 50px;
  background-color: #1c1c1c; font-size: 10pt; line-height: 18px;
}
#comments .comment p {margin-bottom: 20px;}
#comments .comment p.bottom {margin-bottom: 0;}
#comments .comment.mine div.right {background-color: #1c1c28;}

#comments .comment.form input.text {width: 80%; text-align: center; padding: 3px 0;}
#comments .comment.form input.username {margin-bottom: 13px; font-size: 14pt;}
#comments .comment.form input.website {font-size: 8pt;}
#comments .comment.form div.right {padding-bottom: 10px;}
#comments .comment.form div.right.preview {padding-bottom: 42px;}
#comments .comment.form textarea {
  height: 85px; width: 100%; padding: 0px; margin: 0;
  padding-left: 5px; margin-left: -5px; padding-top: 5px; margin-top: -5px;
  font-family: Verdana, sans-serif; font-size: 10pt; line-height: 17.5px;
}
#comments .comment.form div.help, #comments .comment.form div.buttons {
  clear: both; float: right; width: 75%;
}
#comments .comment.form div.help {margin-top: 5px;}
#comments .comment.form div.help input.remember {margin-bottom: 13px; float: left;}
#comments .comment.form div.help label {font-size: 8pt; float: left; margin-top: 4px; margin-left: 2px;}
#comments .comment.form div.help span.textile {font-size: 8pt; float: right; margin-top: 4px;}
#comments .comment.form div.help span.textile a {}
#comments .comment.form div.buttons {}
#comments .comment.form div.buttons input.submit {padding: 3px 18px;}
#comments .comment.form div.buttons input.preview {margin-left: 10px; min-width: 80px;}

#comments .comment.form ul.errorlist li {margin-top: 5px; font-weight: bold; color: #66ff66}

/* Sidebar */

#sidebar {
  float: left; width: 20%; 
  color: #aaa; font-size: 12pt;
}
#sidebar .box {
  width: 95%; float: left; padding: 10px 10px 10px 10px; margin-bottom: 10px;
}
#sidebar .shade {background-color: #232323; border: 1px solid #282828;}

#sidebar div.money {margin-top: 15px; margin-bottom: 13px;}
#sidebar div.money div.info a {font-size: 10pt; float: left; padding-top: 3px; padding-left: 3px;}
#sidebar div.money div.info span.worth {
  padding-left: 0px; padding-right: 22px; margin-right: 5px;
  background-repeat: no-repeat; background-position: center right;
  font-size: 14pt; float: left;
}
#sidebar div.money div.info span.worth.positive {color: #0f0;}
#sidebar div.money div.info span.worth.negative {color: #ff2a2a;}
#sidebar div.money div.info span.worth.up {background-image: url(/images/positive.png)}
#sidebar div.money div.info span.worth.down {background-image: url(/images/negative.png)}
#sidebar .money em {text-decoration: blink;}

#sidebar div.activity {font-size: 8pt; margin-top: -20px;}
#sidebar div.activity p.date {
  border-bottom: 1px solid #555; font-size: 10pt;
  padding-bottom: 1px; margin-top: 7px; margin-bottom: 5px; 
}
#sidebar div.activity p.item {margin-top: 4px; line-height: 17px;}

#sidebar div.search {width: 100%;}
#sidebar div.search input.query {
  float: left; padding: 4px 0; width: 100px;
}
#sidebar div.search input.submit {
  float: left; font-size: 10pt; margin-left: 8px;
}
#sidebar ul.categories {margin-top: -10px;}
#sidebar ul.categories li {float: left; width: 33%; }
#sidebar ul.categories li a {font-size: 8pt; text-align: center;}
#sidebar div.others {line-height: 18px; margin-top: -10px;}
#sidebar div.others ul.left {float: left; text-align: left;}
#sidebar div.others ul.right {float: right; text-align: right;}
#sidebar div.others ul li a {font-size: 8pt;}

#sidebar div.where {font-size: 12pt;}
#sidebar div.where span {font-weight: bold;}
#sidebar div.where a {padding: 0 5px 0 5px;}

#sidebar div.contact {font-size: 12pt; line-height: 25px;}

/* Twitter area */
#twitter { font-size: 8pt; line-height: 18px;}
#twitter em {text-decoration: blink;}
#twitter a.twitter {float: right; clear: both;}
#twitter .tweet_list li {padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #444; float: left;}
#twitter .tweet_list li span.date {float: right;}