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

::-moz-selection
{
  background-color: #ffA500;
  color: #fff;
}

::selection
{
  background-color: #ffA500;
  color: #fff;
}

html
{
  font-family: "DejaVu sans";
  background-color: #fcfcfc;
  color: #000;
}

body
{
  margin: 0 30px;
}

p
{
  margin: 10px auto;
  text-indent: 42px;
}

b
{
  font-weight: 900;
}

cite, code
{
  display: block;
  text-indent: 0;
  margin: auto 30px;
  padding: 5px;
  border: 1px solid #eee;
  border-left: 5px solid #ccc;
}

code
{
  white-space: pre;
  border-left: 5px solid #c44;
}

h1
{
  text-align: center;
  font-size: 3em;
}

h1 a
{
  color: #ff9600;
}

span[title]
{
  border-bottom: 1px dashed #ece;
}

.article
{
  border: 3px double #ababdf;
  margin: 10px;
  padding: 5px 10px;
}

.article .title
{
  border-bottom: 1px dashed #ddd;
}

.article .title, .article .title a
{
  color: #b6ab82;
}

.article .title a:hover
{
  color: #ff9600;
}

.article > .datetime
{
  float: right;
  color: #bbb;
}

.article > .datetime:hover
{
  color: #ff9600;
}

.article .content
{
  color: #000;
}

.article .content img
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.article .content a
{
  text-decoration: underline;
  color: #327093;
}

.article .content a:hover
{
  text-decoration: none;
  color: #5290b3;
}

.article .metadata
{
  font-size: 0.8em;
  margin: 10px auto 5px auto;
  border: solid #aeaece;
  border-width: 1px 0;
  width: 400px;
  background: #f0f0ff;
  text-align: center;
}

.article .metadata div > a
{
  color: #559;
}

.article .metadata div > a:hover
{
  text-decoration: underline;
}

#tags
{
  text-align: center;
}

#tags ul li:before, .tags li:before, #contacts ul li:before
{
  content: " ~ ";
}

#tags ul li:first-child:before, .tags li:first-child:before, #contacts ul li:first-child:before
{
  content: "";
}

#tags ul li, .tags, .tags li, #contacts ul, #contacts li
{
  display: inline;
}

#tags a
{
  color: #988d1e;
  font-size: 1.1em;
}

.tags li
{
  margin-left: 5px;
}

.tags a
{
  color: #cc0000;
  font-weight: 900;
}

.article .content ul
{
  padding-left: 20px;
}

.article .content li:before
{
  content: "→";
}

#comments h2, #comment_new h2
{
  margin-top: 20px;
  margin-bottom: 5px;
}

.comment
{
  min-height: 96px;
  margin-left: 21px;
  margin-bottom: 20px;
  padding-left: 2px;
  border-left: 1px solid #ddd;
}

.comment:hover
{
  background-color: #ffebce;
}

.comment p
{
  margin: auto;
  text-indent: 0;
}

.comment .javatar
{
  float: left;
  margin-right: 1em;
}

.comment .author
{
  display: inline;
  font-weight: 900;
}

.comment .author a
{
  color: #d65252;
}

.comment .author a:hover
{
  text-decoration: overline underline;
}

.comment .datetime
{
  margin-left: 0.5em;
  display: inline;
  color: #666;
}

.comment .anchor
{
  display: inline;
}

.comment .anchor a
{
  color: #456;
}

.comment .anchor a
{
  visibility: hidden;
}

.comment:hover .anchor a
{
  visibility: visible;
}

.comment .content
{
  border-top: 1px dashed #ddd;
  margin-top: 0.5em;
  margin-right: 1em;
}

#comment_new input, #comment_new textarea
{
  border-top: 1px solid #6785bc;
  border-left: 1px solid #6785bc;
  background-color: #f6f6f6;
  margin-bottom: 1em;
}

#comment_new textarea
{
  width: 100%;
}

#comment_new label
{
  display: block;
}

#comment_new .label_name:after
{
  content: " : "
}

#pagination
{
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
}

#pagination li
{
  display: inline;
}

#pagination li > a
{
  border: 1px solid #d3d3d3;
  padding: 1px 5px;
  margin: 2px;
  color: #af4cf5;
  font-weight: 900;
}

#pagination li > a:hover
{
  background-color: #ffc531;
}

#contacts
{
  text-align: center;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  border: 1px dotted #d3d3d3;
  background-color: #f0f0ff;
}

#contacts a
{
  color: #cc22c9;
}

#last_content
{
  margin-top: 20px;
  text-align: right;
  font-size: 0.8em;
}

#last_content p
{
  margin: 5px;
}