html, body {
height: 100%; 
border: 0;
font-size: 16px;
}
* {
margin: 0; 
padding: 0;
}
img {
border: 0;
}
body {
font: normal 75%/1.5 arial;
color: #000;
text-align: center;
background: #dad8d1;
}
table#borodin {
margin: auto;
height: 100%;
width: 1000px;
}
table#borodin td {
width: 250px;
}
td#topheader {
height: 200px;
}
a.letter {
color: #000;
text-decoration: underline;
font-weight: bold;
color: #800;
}
a.letter:hover {
color:#666;
text-decoration: none;
}
table#borodin td p {
text-align: left;
padding: 5px 0 10px 0;
}
div#menu {
float: left;
margin: auto;
}
div#menu span {
display: block;
text-align: left;
width: 215px;
height: 28px;
margin-top: 7px;
background: #e8e7e3;
}
div#menu span a {
display: block;
width: 205px;
height: 20px;
padding: 3px 0 5px 10px;
text-decoration: underline;
color: #000;
border: 1px dashed #b49f60;
}
div#menu span a:hover {
display: block;
width: 205px;
height: 20px;
padding: 3px 0 5px 10px;
text-decoration: none;
color: #000;
border: 1px solid #666;
}
div#strofa {
border: 1px solid #b49f60;  
background: #e8e7e3; 
text-align: left; 
width: 195px; 
padding: 10px;
font: normal 11.4px/1.5 tahoma;
font-style: italic;
}
table#stih, table#commentaries {
margin: auto;
width: 980px;
}
table#stih td a {
text-decoration: none;
color: #000;
}
table#stih td a:hover {
text-decoration: none;
color: #333;
}
table#stih a img {
border: 2px solid #dad8d1;
}
table#stih a:hover img {
border: 2px solid #b49f60;
}
table#stih div p span {
display: block;
text-align: left;
width: 190px;
padding: 3px 0 3px 10px;
background: #e8e7e3;
border: 1px dashed #b49f60;
margin-top: 5px;
}
table#stih td p, table#commentaries td p {
float: left;
padding: 0 0 10px 10px;
}
#main {
float: left;
width: 760px;
margin: auto;
padding-left: 5px;
margin-bottom: 25px;
}
#main p {
padding: 5px 3px;
text-align: justify;
}
#ticket {
width: 500px;
margin: auto;
text-align: justify;
}
#header {
width: 1000px;
margin: auto;
text-align: justify;
height: 215px;
}
#footer {
width: 1000px;
clear: both;
padding-top: 80px;
height: 40px;
margin: auto;
font: normal 100%/1.5 arial;
text-align: center;
}
#footer a {
color: #000;
text-decoration: underline;
}
#footer a:hover {
text-decoration: none;
}
h3.comment {
text-align: left;
padding-left: 10px;
color: #916140;
font: normal 18px /1.5 "Trebuchet MS";
}
h3.comment a {
text-decoration: underline;
color: #666;
font-weight: normal;
}
h3.comment a:hover {
text-decoration: none;
color: #916140;
font-weight: normal;
}
body#commentar a.a-commentar, body#bio a.a-bio, body#history a.a-history, body#literatura a.a-literatura, body#lingvo a.a-lingvo, body#project a.a-project {
display: block;
width: 205px;
height: 20px;
padding: 3px 0 5px 10px;
text-decoration: none;
font-style: italic;
color: #000;
border: 1px solid #916140;
background: #f5f5f5;
}
div#main ol {
text-align: left; 
list-style: none; 
padding-left: 100px;
padding-top: 3px;
}
div#main ol li {
padding-bottom: 5px;
}
div#main ul {
text-align: left; 
list-style: none; 
padding-left: 10px;
padding-top: 3px;
}
div#main ul li {
padding-bottom: 5px;
}