label {
display: block;
width: 150px;
float: left;
/*       font-weight: bold; */
       margin-right: 0.5em;
       text-align: right;
}

.article {
padding: 2px 10px;
margin: 0.5em;
	border-left: 1px solid #191;
	border-bottom: 1px solid #191;
border-radius: 5px;
/*-moz-border-radius-bottomleft: 5px;*/
-moz-border-radius: 5px;
/* background: url("bg.png") repeat-x; */
}
    @font-face {
      font-family: "AFONFTCP";
      src: url("AFONFTCP.ttf");
    }
    @font-face {
      font-family: "MADEC";
      src: url("MADEC.ttf");
    }

h1 {
margin: 10px;
	/* padding: 10px; */
color: #444;
font-family: "MADEC";
font-size: 3em;
}

.title {
color: #666;
}

.footer {
clear: both;
margin: 20px;
padding: 5px;
color: #111;
       border-top: 1px dotted #ddd;
       text-align: center;
}

a {
color: #444;
text-decoration: none;
}

a:hover {
color: #000;
  }

#commentform {
margin: 10px;
padding: 10px;
border: #ccc 1px dotted;
}

.detail {
padding: 2px 10px;
margin: 10px 100px 10px 10px;
}

pre {
        white-space: pre-wrap; /* css-3 */
        white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
        white-space: -pre-wrap; /* Opera 4-6 */
        white-space: -o-pre-wrap; /* Opera 7 */
        word-wrap: break-word; /* Internet Explorer 5.5+ */
padding: 3px;
}

.comments {
border: #eee 1px dotted;
padding: 10px;
margin: 40px;
}
.comm {
padding: 10px;
margin: 10px;
font-size: 0.9em;
border: 1px #bbf dashed;
}
.errorlist {
position: relative;
left: 130px;
}
.errorlist li{
color: red;
}
.submit {
margin-left: 163px;
}
input {
border: 1px #ccc solid;
}
textarea {
border: 1px #ccc solid;
}
.content {
margin: 15px;
background: #fff;
border: 1px dotted #ccc;
}
.title
{
color: #333;
       font-size: 1.1em;
       font-weight: bold;
padding: 15px;
}
.pub_date {
color: #ccc;
       font-size: 0.7em;
       font-weight: bold;
       padding-bottom: 0px;
       margin-left: 15px;
}
.category {
margin: 5px 19px;
color: #999;
       font-size: 0.9em;
}
#id_comment {
height: 100px;
}
h4{
padding: 0;
margin: 0;
}
body {
/* background: #fafafa; */
}
p {
margin: 4;
}

#sidebar {
width: 16em;
float: right;
/* height: 500px; */
position: relative;
margin-bottom: 1em;
margin-right: 1em;
margin-top: 1em;
}

#comments {
border: #eee 1px dashed;
}

#friends {
margin-top: 10px;
padding-right: 10px;
}
#friends ul{
list-style:none;
}
#friends li{
border-bottom: dotted;
margin: 5px;
}

#content {
margin-right: 18em;
z-index: 1;
margin-bottom: 1em;
}

#container {
position: relative;
}

#navigation{
/* padding: 10px; */
margin: 0 0.5em;
padding: 0em 1em;
text-align: right;
border: #9dd 1px solid;
font-size: 0.8em;
font-weight: bold;
}
#navigation li{
display: inline;
background: #aee;
margin: 0 0.5em; 
border: #9dd 1px solid;
padding: 0 1em;
}

.list {
color: #aaa;
margin: 0;
}
.desc {
font-size: 0.8em;
margin: 0;
}

.new-comment {
font-size: 0.8em;
color: #666;
}