body {
  margin: 0;
  padding: 0;
  color: #999;
  background: #000;
  font-size: 13pt;
}

#container { width: 800px; margin: auto;  margin-top: 0;}

h2 { font-family: Trebuchet MS;}

p { font-family: Arial; }

img { border: 0 }

.indicator { 
  margin-bottom: -4px; 
  margin-left: auto;
}

div.notice { 
  padding: 10px; 
  background-color: #4E9A06; 
  color: white;
}

div.error { 
  padding: 10px; 
  background-color: #CC0000; 
  color: white;
}

a { color: white; text-decoration: none; }
a:hover { background-color: #333; }
a:active { color: white; }

/*************************************
 *  Head graphics
 */

#title {
    background: #000 url(/images/fono-supra-1.png) top left repeat-x;
    overflow: hidden;
    background: #222;
}

a.senstila:hover { background: none; }

.head {
  text-align:center;
}

.head2 {
  background:url(/images/fono-dekstra-suba.png) no-repeat bottom right;
}

.head3 {
  padding: 5px;
  background: url(/images/fono-maldekstra-suba.png) no-repeat bottom left;
}

/*************************************
 *   Tools panel
 */
.tools {
    background: #333;
    text-align: center;
    width: 760px;
    margin: auto;
}

.tools .head3 {
  text-align: center;
}

input.openid-input {
  background: url(/images/icons/openid.png) no-repeat;
  background-color: #555;
  background-position: 3px 50%;
  color: #fff;
  padding-left: 25px;
  font-size: 18px;
  height: 20px;
  width: 300px;
  border: 0;
  border: dotted 1px #666;
}

/*************************************
 *   List of articles
 */

.articles { margin: 0 0 10px 0;}

.article { 
  background: #222; 
  margin-top: 30px; 
}

.article div.tools { 
  background: none;
  width: 100%; 
  padding: 0 10px 5px;
  text-align: left;
  font-size: 0.7em;
}

.article div.tools abbr { 	
  font-size: 1em;
  padding: 0;
}

.article h2.title {
  color: #eee;
  border-bottom: dotted 1px gray;
  padding: 5px 10px 0 10px;
  margin-bottom: 0;
  background: url(/images/fono-dekstra-supra.png) no-repeat top right;
  font-size: 2em;
}

.article h2.title > sup {
  color: #777;
  font-size: small;
}

#edit-article {
  padding: 10px;
  background: #222;
  margin-top: 20px;
}

#edit-article h1,h2,h3 {
  margin: 5px 0;
}

#edit-article textarea {
  width: 100%;
  height: 15em;
}

.tags {
  color: #777;
  padding: 5px 10px 0 10px;
  margin-bottom: 5px;
  font-size: 0.9em;
}

.body { 
  padding: 0 10px 5px 10px;
  font-family: Arial;
}

.body > p {
  margin-top: -2px;
}

.metadata {
  padding: 0 15px 5px 15px;
  border: 0;
  border-top: 1px dotted #333;
  text-align: right;
  background: url(/images/fono-maldekstra-suba.png) no-repeat bottom left;
  color: #666;
}

.metadata a { color: gray; text-decoration: none;}
.metadata a:hover { background-color: #333; }
.metadata a:active { color: white; }

.sageto { color: orange; }

/*************************************
 *   Bloko de fontkodo
 */

code {
  background: #333;
  display: block;
  padding: 1em;
  border: 1px dotted gray;
  border-left: #a02108 5px solid;
  font-family: Terminus, Monospace;
  font-size: 1.0em;
}

.line_number { color: #777; }
.keyword { color: #5d5; }
.class { color: #e1a30d; }
.method { color: #e1a30d; }
.punct { color: #f44; }	
.string { color: #7af; }
.ident { color: #993; }


/*************************************
 *   Comments
 */

.tools-for-message {
  width: 90%;
  margin-left: auto;
  padding: 3px 15px 3px 15px;
  background:  #111 url(/images/fono-maldekstra-suba.png) no-repeat bottom left;
}

.butonoj_de_ilobreto a { color: gray; text-decoration: none; }
.butonoj_de_ilobreto a:hover { background-color: #222; }
.butonoj_de_ilobreto a:active { color: white; }

.comment { 
  background: #222;
  margin: 1em 0 1em 0; 
}
.comment .author { border-bottom: 1px dotted #444; padding: 5px 10px 0 10px;  }
.comment .body   { padding: 0 10px 1px 10px;  }

#form { 
  text-align: right;
}

#comments { 
  text-align: left;
}

.form {
  padding-top: 5px;
  text-align: left;
  margin: 1em 0 1em 0;
}

.form textarea {
  text-color: black;
  width: 100%;
  height: 12em;
  margin: auto;
  border: none;
  background: #eee;
}

.form input[type="submit"] {
  margin: 3px 0 3px 0;
  height: 2em;
  width: 100%;
  font-size: 1.1em;
}

textarea { height: 5em; }

input[type="submit"] {
  width: 200px;
  font-weight: bold;
}

fieldset { border: 0 }

#openid-form { text-align: right; }
#openid-form span.message { font-size:small;}

input.openid {
  background: no-repeat #ddd;
  background-position: 3px 50%;
  padding: 0 5px 0 5px;
  margin: 0 0 0 50px;
  border: none;
  height: 22;
  font-size: 17px;
  color: #000;
  font: Arial;
  width: 250px;
}

span.openid 	{ font-weight: bold; color: orange; }
span.openid a 	{ color: orange; }

div.paginator {
  text-align:center;
  padding:10px;
}

/*************************************
 * Footer
 */

#footer {
  color: #666;
  position: relative;
  text-align: center;
  font-size: small;
  font-family: Arial;
}