/* fooced.css
 *
 * Copyright 2007 Daniel Hulme <st@istic.org>
 *
 * This style sheet is free software; you can redistribute it and/or modify it
 * under the terms of the GNU General Public License as published by the Free
 * Software Foundation; either version 2, or (at your option) any later
 * version.
 *
 * This style sheet is distributed in the hope that it will be useful, but
 * WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
 * or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU General Public License for
 * more details.

 * You should have received a copy of the GNU General Public License along with
 * this style sheet; if not, write to the Free Software Foundation, Inc., 59
 * Temple Place - Suite 330, Boston, MA 02111-1307, USA.
 */

/* start off with some standard formatting tags */
img {
   border: none;
}

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

a:hover {
   text-decoration: underline;
   color: white; /* override this for text on light backgrounds */
}

blockquote {
  margin-top: 8px;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-bottom: 8px;
  margin-left: 60px;
  padding-left: 16px;
  width: 600px;
  padding-right: 16px;
  margin-right: 0px;
  background-color: rgb(168,170,175);
}

/* some superfluous empty divs */
.after {
   display: none;
}

/* large-scale page layout */
body {
  margin: 0px;
  background-color: rgb(240,240,245);
}

#page {
   margin: 0px;
}

#header {
   background-color: rgb(168,170,175);
   padding-bottom: 20px;
   margin-bottom: -18px;
   padding-right: 100px;
   text-align: right;
   font-size: 16pt;
}

#header h1 a {
   font-family: sans-serif;
   text-decoration: none;
   color: rgb(28%,28%,30%);
}

#header h1 a:hover {
   font-family: sans-serif;
   text-decoration: none;
   color: #4F577F;
}

#sidebar {
   float: left;
   padding-top: 29px;
   margin-bottom: 30px;
   margin-left: 10px;
   width: 100px;
   margin-right: 80px;
   background-color: #7a7b88;
   font-size: 10pt;
   font-family: sans-serif;
}

#sidebar .box {
   position: relative;
   padding: 3px;
   left: -9px;
   width: 200px;
   margin-top: 20px;
   background-color: rgb(168,170,175);
}

#sidebar_picture {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

#sidebar h3 { /* used for the box titles */
  position: relative;
  top: -10px;
  margin-top: 0px;
  padding-top: 7px;
  background-color: rgb(28%,28%,30%);
  color: white;
  padding-bottom: 4px;
  margin-bottom: -8px;

  left: 20px;
  margin-left: 0px;
  padding-left: 7px;
  padding-right: 4px;
  margin-right: 23px;
}

#sidebar h3 a {
  text-decoration: underline;
}

#sidebar p {
  margin-top: 8px;
  margin-bottom: 8px;
}

#sidebar a {
  color: inherit;
  text-decoration: underline;
}

#sidebar a:hover {
  color: white;
}

#sidebar ul {
  margin-left: 0px;
  padding-left: 0px;
  border-right: 1px solid #7a7b88;
  margin-right: 0px;

  margin-top: 5px;
  border-bottom: 1px solid #7a7b88;
  margin-bottom: 5px;

  list-style: none;
}

#sidebar li {
  border-top: 1px solid #7a7b88;
}

#sidebar li a {
  display: block;
  border-left: 1em solid #7a7b88;
  padding-left: 3px;
  padding-right: 2px;

  text-decoration: none;
}

#sidebar li a:hover {
  border-left: 1em solid white;

  text-decoration: none;
}

#content {
   padding-top: 29px;
   padding-bottom: 12px;
   margin-bottom: 0px;
   margin-left: 250px;
   padding-left: 40px;
   width: 400px;
   background-color: rgb(28%,28%,30%);
}

#content > div {
   position: relative;
   padding: 6px;
   margin-top: 30px;
   left: 15px;
   width: 600px;
   background-color: #7a7b88;
}

#content > #message {
  margin-top: 10px;
  background-color: rgb(84,169,84);
}

#error {
  margin-top: 10px;
  background-color: rgb(169,84,84);
}

#content > #nav_footer {
   background-color: rgb(168,170,175);
   margin-top: 20px;
   padding-top: 3px;
   padding-bottom: 3px;
   margin-bottom: 4px;
   
   padding-left: 10px;
   width: 400px;
}

#nav_footer > p {
  margin-top: 0px;
  margin-bottom: 0px;
}

#footer {
   background-color: rgb(168,170,175);
   margin-top: 0px;
   padding-top: 3px;
   padding-bottom: 6px;
   margin-bottom: 0px;
   clear: both;
}

#angerwhale_blurb {
   display: inline;
   margin-left: 10px;
   margin-right: 5px;
   font-size: .9em;
}

#angerwhale_blurb a {
   text-decoration: none;
   font-weight: bold;
   color: inherit;
}

#angerwhale_blurb a:hover {
   text-decoration: underline;
   color: inherit;
}

#logos {
   background-color: rgb(28%,28%,30%);
   float: right;
   position: relative;
   top: -12px;
   padding-top: 2px;
   padding-bottom: 2px;
   margin-bottom: 12px;
   margin-right: 20px;
}

/* posts */
h2 {
  position: relative;
  top: -18px;
  margin-top: 0px;
  padding-top: 12px;
  background-color: #4f577f;
  font-family: sans-serif;
  font-size: 1.6em;
  color: #7a7b88;
  padding-bottom: 8px;
  margin-bottom: -16px;

  left: 30px;
  padding-left: 27px;
  padding-right: 19px;
  margin-right: 4px;
}

.post_title h2 {
  margin: 0px;
}

.mini_post_title {
  position: relative;
  top: -9px;
  margin-top: 0px;
  padding-top: 6px;
  background-color: #4f577f;
  padding-bottom: 4px;
  margin-bottom: -8px;

  left: 15px;
  padding-left: 13px;
  padding-right: 9px;
  margin-right: 20px;
}

.mini_post_title p {
  margin: 0px;
  color: #7a7b88;
  font-family: sans-serif;
  font-size: 1.2em;
}

.post_info { /* tags and ctime */
  font-size: smaller;
}

.post_info p {
  margin: 2px;
}

.post_extrainfo { /* links and mtime */
  background-color: #7080A8;
  position: relative;
  top: 5px;
  margin-top: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-bottom: 5px;

  left: 40px;
  padding-left: 3px;
  padding-right: 3px;
  margin-right: 20px;
}

.post_links {
  display: inline;
  margin: 0px;
}

.last_modified {
  display: inline;
  font-size: small;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 2em;
  margin-right: 0px;
}

/* comments live under posts, separated by a small block */

#content > div.comments_header {
  background-color: rgb(168,170,175);
  font-size: 8pt;
  font-family: sans-serif;
}

.feedbox {
   background-color: rgb(28%,28%,30%);
   float: right;
   position: relative;
   top: -12px;
   margin-top: 6px;
   padding-top: 5px;
   padding-bottom: 4px;
   margin-bottom: 8px;

   margin-left: 0px;
   padding-left: 5px;
   padding-right: 5px;
   margin-right: 10px;
}

/* and then the comments themselves */

#content > #comments {
  position: relative;

  top: 0px;
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;

  margin-left: 0px;
  padding-left: 0px;
  padding-right: 0px;
  margin-right: 0px;

  background: none;
}

#comments ul {
  list-style: none;
  margin-top: 0px;
  padding-top: .8em;
  padding-bottom: .2em;
  margin-bottom: 15px;

  margin-left: 5px;
  padding-left: 0px;
  width: 16px;
  padding-right: 0px;
  background-color: rgb(168,170,175);
}

div.comment {
  position: relative;
  margin-top: 1em;
  padding-top: 0px;
  padding-bottom: 4px;
  margin-bottom: 1em;

  margin-left: 12px;
  padding-left: .5em;
  width: 500px;
  padding-right: .5em;

  background-color: #7a7b88;
  border: 2px solid black;
}

div.comment_header {
}

.title { /* title of comment */
  position: relative;
  top: -9px;
  margin-top: 0px;
  padding-top: 12px;
  padding-bottom: 8px;
  margin-bottom: -16px;

  left: 30px;
  padding-left: 18px;
  padding-right: 10px;
  margin-right: 4px;

  background-color: #4f577f;
  color: #7a7b88;
  font-family: sans-serif;
  font-size: 1.3em;
}

.info { /* author, keyid, date */
  font-size: smaller;
}

div.comment_body {
  margin-top: 0px;
  margin-bottom: 0px;
}

.comment_body ul { /* restore normal lists */
  list-style: circle;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 3px;

  margin-left: .5em;
  padding-left: 0px;
  width: auto;
  background: none;
}

div.comment_footer { /* the format and reply links */
  font-size: smaller;
  background-color: rgb(168,170,175);

  padding-top: .3em;
  padding-bottom: .3em;

  margin-left: 2px;
  padding-left: 4em;
  margin-right: 10px;
}

div.comment_footer p {
  margin: 0px;
}

/* end comments */

/* article lists, e.g. as returned when you click on a tag link */

#article_list {
  padding-top: .5em;
  padding-bottom: .5em;
  margin-left: 1em;
  padding-left: 0px;
  width: .9em;
  background-color: rgb(168,170,175);
}

#article_list > li {
  position: relative;
  list-style: none;
  margin-left: .5em;
  border-left: 1em solid #4F577F;
  padding-left: .5em;
  width: 500px;
}

.postinfo {
  display: block;
  margin-left: 2em;
  font-size: smaller;
}

/* forms */
textarea {
  margin: 4px;
  border: 1px solid black;
  padding: 2px;
  background-color: white;
}

input {
  margin: 4px;
  border: 1px solid black;
}

select {
  margin: 4px;
  border: 1px solid black;
}

/* comment editor */
#post_comment { }
#preview_comment { }

/* tag editor */
.post_tags div {
  display: inline;
  margin-right: .5em;
}

.post_tags form {
  display: inline;
  margin-right: 1em;
}

/* end tag editor */