/* General ----------------------------------------------------- */

body,
h1,
h2,
h3,
h4,
h5,
ul,
ol,
li,
dd,
dt,
dl,
.meta p {
  margin: 0; padding: 0;
}

li {
  list-style: none;
}

address,
.usertext p,
.usertext ul,
.usertext ol,
.usertext dl,
.usertext caption,
.buttons,
.forum .paginator,
.blog #essentials dl,
.blog #essentials dd,
.blog #recentposts .post,
.blog #recentcomments li,
.blog#post #meta,
.blog #commentslist .control,
.blog #commentslist .noteworthy_text,
.blog #add_comment #submitbutton,
.forum#index #forums ul,
.forum#index #mark_read,
.forum#index #auth,
.forum#topic #articles .meta,
.forum#topic .usertext,
.forum#forum #mark_read,
.forum#edit_profile h3,
.forum#search ol,
.forum#user_topics .topic_list {
  margin-top: 1em; margin-bottom: 1em;
}

.blog#index h2,
.blog#archive_index h2,
.forum#index h2,
.soft#index #content {
 margin-top: 2em; margin-bottom: 1em;
}

#header,
.blog #essentials,
.blog #content,
.blog#post #entry,
.blog#post #meta,
.blog#post #comments,
.blog#post #add_comment,
.forum #content,
.about #text,
.soft #content {
  margin-left: 8.3%; margin-right: 8.3%;
}

#header,
.blog #comments,
.blog #commentslist,
.blog #add_comment,
.blog#archive .post,
.forum#topic #add,
.forum#forum #add,
.forum#profile #content,
.forum#edit_profile #content,
.forum#spam_queue #content,
.forum#spawn_topic #content {
  padding-top: 2em;
}

.blog #commentslist .comment,
.forum#topic .article {
  padding-bottom: 2em;
}

.buttons,
.forum .paginator,
.blog #essentials #categories,
.blog#index #archive,
.forum#index #mark_read,
.forum#index #auth,
.forum#index #misc,
.forum #moderatorial,
.forum#forum #mark_read {
  text-align: right;
}

.usertext h1,
.usertext h2,
.usertext h3,
.usertext h4,
.usertext h5,
.usertext dt {
  margin-top: 2em; margin-bottom: 1em;
  clear: both;
}

.usertext table,
.forum table {
  width: 100%;
  border-collapse: collapse;
}

.usertext th,
.usertext td,
.forum th,
.forum td {
  text-align: left; vertical-align: top;
  padding: 0.5em;
}

.usertext blockquote,
.usertext .note {
  padding-left: 1.5em;
}

.usertext blockquote {
  margin-left: 0; margin-right: 0;
}

.usertext dd {
  margin-left: 10%;
}

.usertext .left {
  float: left;
  margin-top: 0; margin-right: 1em;
}

.usertext .right {
  float: right;
  margin-top: 0; margin-left: 1em;
}

.usertext .picture {
  clear: both;
}

.usertext .strong,
.usertext .center {
  text-align: center;
}

.usertext .frame {
  padding: 1em;
}

.usertext .strong {
  margin-left: 10%; margin-right: 10%;
}

pre {
  overflow: auto;
}

.blog#post #meta .control,
.forum#topic #edit {
  position: absolute;
  top: 2em; right: 8.3%
}

.blog #commentslist .comment,
.forum#topic .article {
  overflow: auto;
}

.blog #commentslist .author,
.blog #commentslist .meta,
.blog #add_comment form p label,
.forum#topic #articles .meta,
.forum#topic #articles .control,
.forum form.edit p label {
  float: left; width: 19%; overflow: hidden;
  clear: left;
}

.blog #commentslist .usertext,
.forum#topic .usertext {
  margin-left: 20%;
}

.forum form.edit input,
.forum form.edit textarea,
.forum form.edit .output {
  width: 80%; margin-right: -2%;
}

.forum .paginator .control,
.forum .paginator form {
  display: inline; 
  padding-left: 0.5em; padding-right: 0.5em;
}

.forum .paginator input {
  width: 2em;
}

.forum .paginator .previous,
.forum .paginator .next {
  vertical-align: bottom;
}

/* Specifics --------------------------------------------------- */

body {
  max-width: 65em;
  margin-left: auto; margin-right: auto;
  padding-bottom: 2em;
}

.blog #essentials dl {
  overflow: auto;
}

.blog #essentials dt {
  float: left; width: 10%;
}

.blog #essentials dd {
  margin-top: 0;
}

.blog #content {
  overflow: auto;
}

.blog #recentposts {
  float: left; width: 50%;
}

.blog #recentcomments {
  float: right; width: 40%;
}

.blog #recentposts .post {
  overflow: auto;
  margin-bottom: 0;
}

.blog #recentposts .post h3 {
  float: left; width: 80%;
}

.blog #recentposts .post .meta {
  float: right; width: 20%;
  text-align: right;
}

.blog #recentposts .first h3 {
  margin-bottom: 1em;
}

.blog #recentposts .entry {
  clear: both;
}

.blog #recentcomments .title {
  float: left; width: 75%;
  margin-top: 0; margin-bottom: 0;
}

.blog #recentcomments .time {
  text-align: right;
}

.blog #recentcomments .d,
.blog #recentcomments .t,
.blog #recentcomments .title .post {
  display: block;
}

.blog #recentcomments .text {
  clear: both;
}

.blog#post #meta {
  text-align: right;
}

.blog#post #meta p,
.blog#post #meta address {
  display: inline;
  padding-left: 1em;
}

.blog#post #entry {
  overflow: auto;
}

.blog#post #entry ul,
.blog#post #entry ol {
  clear: left; /* usecse: http://softwaremaniacs.org/blog/2006/07/09/blogus-refuses-table/ */
}

.blog #add_comment form input, 
.blog #add_comment form textarea {
  width: 60%;
}

.blog #add_comment #legend {
  float: right; width: 137px;
  margin: 0;
}

.blog #add_comment #preview {
  margin-left: 20%; 
  padding: 0 1em;
}

.blog #add_comment #submitbutton {
  margin-right: 20%;
  text-align: right;
}

.blog#archive .meta {
  text-align: right;
}

.blog#archive .meta p {
  display: inline;
  padding-left: 1em;
}

.blog#archive .previous {
  float: left;
}

.blog#archive .next {
  float: right;
}

.forum#index #auth p,
.forum#index #auth .buttons {
  display: inline;
}

.forum .topic_list td {
  padding-top: 0; padding-bottom: 0.25em;
}

.forum .topic_list .meta {
  width: 4em;
}

.forum#topic #articles .meta address {
  margin-top: 0; margin-bottom: 0;
}

.forum#topic #articles .meta .time {
  margin-top: 1em;
}

.forum#topic #articles .control a, 
.forum#topic #articles .control form {
  display: inline;
}

.forum#topic #add {
  clear: both;
}

.forum#login #openid_logo {
  float: left; width: 20%;
  margin-top: 0;
}

.forum#login form {
  clear: both;
}

.forum#profile #mutant {
  margin-top: 0;
}

.forum #search_form {
  overflow: hidden;
}

.forum #search_form p {
  float: left; width: 90%;
}

.forum #search_form .buttons {
  float: right; width: 9%;
}

.forum #search_form input,
.forum #search_form button {
  width: 100%;
}

.about #site {
  float: left; width: 50%;
}

.about #author {
  float: right; width: 40%;
}

.about #author .family-name {
  display: block;
}

.soft#index #content {
  overflow: auto;
}

.soft#index #content dt {
  float: left; width: 20%;
  clear: left;
  margin-bottom: 1em;
}

.soft#index #content dd {
  float: left; width:80%;
  margin-bottom: 1em;
}

body,
pre code .ruby .subst,
pre code .xml .title,
pre code .lisp .title {
  color: #444;
}

.usertext blockquote blockquote,
.usertext a:visited {
  color: #B38659;
}

h1,
h2,
h3,
h4,
h5,
a,
th,
.usertext blockquote,
.usertext dt,
.usertext caption,
.usertext .strong,
pre code .string,
pre code .title, 
pre code .parent,
pre code .tag .attribute .value,
pre code .rules .value,
pre code .rules .value .number,
pre code .preprocessor,
pre code .ruby .symbol,
pre code .instancevar,
pre code .aggregate,
pre code .template_tag,
pre code .django .variable,
pre code .smalltalk .class,
pre code .addition,
pre code .flow,
pre code .stream,
pre code .bash .variable,
.blog #entry>p:first-child:first-letter,
.first-letter,
.blog #commentslist .moderation,
.forum#topic #articles .meta address a {
  color: #600;
}

.usertext .note,
pre code .comment,
pre code .annotation,
pre code .template_comment,
pre code .diff .header,
pre code .chunk,
pre code .javadoc,
pre code .ruby .string,
pre code .decorator,
pre code .filter .argument,
pre code .localvars,
pre code .array,
pre code .attr_selector,
pre code .pi,
pre code .doctype,
pre code .deletion,
pre code .envvar,
pre code .shebang,
.meta,
.meta a,
.control,
.control a,
.blog #recentcomments .title .post,
.blog #recentcomments .title a:visited {
  color: #888;
}

body {
  background: #F6F6F6;
}

div, 
th,
td,
.usertext .frame,
.blog#post .comment,
.forum#topic .article {
  border-color: #600;
}

pre code.html .css,
pre code.html .javascript {
  opacity: 0.5;
}
h1,
h2,
h3,
h4,
h5,
.usertext caption,
.usertext .strong,
.blog #entry>p:first-child:first-letter,
.first-letter {
  font-family: Georgia, serif;
}

body {
  font-family: Trebuchet MS, Tahoma, sans-serif;
}

body {
  font-size: normal;
}

#header h1 {
  font-size: 220%;
}

.usertext .strong,
.blog#index h2,
.forum#index h2 {
  font-size: 130%;
}

code {
  font-size: 110%;
}

.blog#index h3 {
  font-size: 100%;
}

small,
.blog #recentcomments .text,
.about #author p {
  font-size: 85%;
}

h1,
h2,
h3,
h4,
h5,
th,
.usertext .strong strong {
  font-weight: normal;
}

pre code .keyword,
pre code .id,
pre code .phpdoc,
pre code .title,
pre code .vbscript .built_in,
pre code .rsl .built_in,
pre code .aggregate,
pre code .smalltalk .class,
pre code .winutils,
pre code .bash .variable,
.forum .new,
.about #text address {
  font-weight: bold;
}

address,
cite {
  font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
.usertext caption,
.usertext .strong strong {
  text-transform: uppercase;
}

a img {
  border: none;
}

.js .hidden {
  display: none;
}

div,
h2,
li,
p,
form,
.usertext td,
.usertext th,
.usertext blockquote,
.usertext hr,
.blog #entry>p:first-child:first-letter,
.first-letter {
  border-style: dotted; border-width: 0;
}

#header,
.usertext a:visited,
.blog #essentials,
.blog#index .entry,
.blog#post #entry,
.blog#post .comment,
.forum#index #forums,
.forum#forum #topics,
.forum#topic .article,
.forum#edit_profile #openid,
.forum#edit_profile #personal,
.forum#edit_profile #settings {
  border-width: 0 0 1px 0;
}

.usertext blockquote,
.usertext .note {
  border-width: 0 0 0 1px;
}

.usertext td,
.usertext th,
.usertext .strong {
  border-width: 1px 0;
}

.usertext .frame,
.blog #add_comment #preview {
  border-width: 1px;
}

#header h1 a {
  text-decoration: none;
}

.usertext ul li,
.blog#category_index #content li,
.blog#archive_index #content li {
  padding-left: 1.5em;
  background: url(bullet.png) left 0.5em no-repeat;
}

.usertext ul li li,
.blog#category_index #content li li,
.blog#archive_index #content li li {
  background-image: url(subbullet.png);
}

.usertext ol li,
.usertext ul ol li {
  list-style: decimal outside;
  background-image: none;
  padding-left: 0; margin-left: 1.5em;
}

pre code .html .css,
pre code .html .javascript {
  opacity: 0.5;
}

.blog #entry>p:first-child:first-letter,
.first-letter {
  float: left; font-size: 440%;
  padding: 0.05em; margin-right: 0.1em;
  border-width: 1px;
}

.first-letter {
  font-size: 440%;
}

#login-openid label {
  background: url(openid.gif) left center no-repeat;
  padding-left: 18px; margin-right: -18px;
}

.blog #commentslist .master .author a {
  background: url(icon.png) left center no-repeat;
  padding-left: 20px; margin-right: -20px;
}

.blog #commentslist .noteworthy_text {
  background: url(star.png) left center no-repeat;
  padding-left: 18px;
}

.usertext hr {
  display: block;  height: 0; 
  border-width: 1px 0 0 0;
}

.forum#article_deleted_list h1 a,
.forum#edit_profile h1 a,
.forum#topic_edit h1 a,
.forum#user_topics h1 a {
  text-decoration: underline;
}

.about #text abbr {
  border: none;
}

.about #text .geo {
  display: none;
}