* {margin:0;padding:0;}
HTML {height: 100%;}

BODY {
		 font: 12px Verdana; 
		 color:#696969;
		 height: 100%;
 /*background: url("image/fon.jpg") repeat */
}

HR {
margin: 0;/*for all ie*/
margin: 0;/*for all ie*/
border: 0; 
height: 1px; 
}

H1 {font-size: 20px; font-weight: normal; text-align:center; padding: 25 0 25 0;}


SUP, SUB
{
vertical-align: middle;
position: relative;
font-size: 75%;
}
sup { bottom: 0.5em; }
sub { top: 0.5em; }


A {color:#2a4675; text-decoration: underline; }
A:hover {color:#ff0000; text-decoration: none;}

A.rk {color:#999;}

P {font: 12px ; color:black; text-indent:15px; line-height:18px; padding-bottom:15px; word-spacing:4px;text-align:justify;}
P.right {text-align:right;}
P.center {text-align:center;text-indent:0px;}

TABLE {font: 12px Verdana;}

#container {
    text-align:left;
    position: relative;
    top:30; left:10; width:900px; height:100%;z-index:0; 
    border: 0px solid blue;
}

#footer {float:left;  height: 60px; width:100%; text-align:right; color:#aaa; border: 0px solid green; }

#header {    float:left;     border: 0px solid green;     width:96%; }

#name { /*text-align: center;  float:left; padding: 0 0 20 30; border: 1px solid red; */
    width: 840px;
    height: 170px;
    background: url("image/head.jpg") no-repeat;
}


#name H3 { font-size: 36px; letter-spacing:4px; font-family: Verdana; font-weight: normal; display:none;}
#name p.name-desc { font-size: 16px; font-family: Romana; font-weight: normal; text-align: center; font-style: italic; display:none;}

#main {width:400px; margin-top:100px; margin-bottom:200px;}
#search {float:right;}
#foto {float: left; padding: 0 0 0 15;  border: 0px solid #e2e2e2; width: 200px;}
#middle {float:left; width:68%;  border: 0px solid red; margin: 0 0 0 20; padding: 0 15 15 15;}
#adv { position: absolute; float:left; width:250px;top:480; left:20; color:#aaa; font:10px;}
#adv a {color:#aaa; font:10px;}
#content { clear:both; border: 0px solid green; width:100%; margin-top:15px;}
#leftcont { float:left; border: 0px solid red; width:260px; font:11px; text-align:left;}
#rightcont { float:right; border: 0px solid blue; font: 11px; padding: 0 80 0 0; text-align:left;}

#content li {list-style: square outside; margin: 0px 0 4px 0px;}

#content ul {padding: 10 0 0 0;}
#content ol {padding: 0 0 20 0;}
/*#content H3 {font: 18px;}*/
#content H2.author {color: #608e60; text-align:center; font-weight: normal;}
#content H2 {text-align:center; font-weight: normal; color: black; padding: 20 0 20 0;}
#content H3 {text-align:center; font-weight: bold; color: black; padding: 20 0 20 0;}
#content H2.poems {text-align: left; font-weight: normal; padding: 20 0 20 20;}
#content .poems p {text-align: left; text-indent: 0px;}

#content p.r {text-align:right; font-style:italic; }


#content p.ep {text-align:left; width:300px; font-style:italic; padding: 10 0 0 350;}



#content p.part {text-align:center; padding: 20 0 0 0; text-indent:0px; }
#content p.prim {font:10px; text-indent:0px; padding-left:20px;}

#content .article-image-left {float:left; margin: 5px 15px 5px 15px; padding: 4px 4px 4px 4px; text-align:center; border: 1px solid #e2e2e2;}
#content .article-image-right {float:right; margin: 5px 15px 5px 15px;  padding: 4px 4px 4px 4px; text-align:center; border: 1px solid #e2e2e2;}

#content .quote-box {font: 12px Georgia, serif;  padding: 0px 0px 0px 200px; width: auto; height: auto; border: 0px solid #e2e2e2; font-style:italic;}
#content .quote-box p {font-style: normal; text-indent:0px; }
#content .quote-box-text {font: 12px Georgia, serif;  padding: 10px 0px 10px 70px; width: auto; height: auto; border: 0px solid #e2e2e2; font-style:italic;}
#content .quote-box-text p { font-style: italic; text-indent:0px; }

#content td.gallery_des p {font-style: normal; text-indent:0px; text-align:left;}
#content td.gallery_pic p {font-style: normal; text-indent:0px; text-align:center;}
#content td.gallery_pic img {padding: 0 0 10 0; }



/*#content .quote-box-text p { font-family: "Times New Roman", Times, serif; font-size: 120%; font-style: italic; text-indent:0px; }*/

#content img {margin: 10px 10px 10px 10px;}

#content .listing_item {font-size: 14px; padding: 0px 0px 15px 0px; font-weight: bold;}
#content .listing_desc {padding: 0px 0px 20px 0px; font-weight: normal;}


#poems-list {  border: 0px solid #4141ac;}
#poems-list ol { margin: 0px 0px 0px 150px;}


.pages {float: left;     width:100%; border: 0px solid green;}
.pages table {float: left; width: 100%; margin-bottom:15px; margin-top:15px;}
.pages td {padding: 10 10 10 10; }
.pages td.prev {width: 22%; text-align:left; }
.pages td.next {width: 22%; text-align:right; }
.pages td.cent {width: 56%; text-align:center; }





/*

.author-block2 { display: block; text-align:left; width:100%; height:60px; margin: 0; border: 0px solid #41aaac; padding: 0 0 10px 0; margin: 5px 0 5px 0;}
*/
.author-block { display: block; text-align:left; width:100%;  margin: 0; border: 0px solid #41aaac; padding: 6px 0px 10px 30px; margin: 5px 0 5px 0;}
.author-block  ul {list-style: square outside; }
.author-name  { display: block; clear:left;  color: black; font-weight: bold; width: 100%;  border: 0px solid #41aaac; padding: 10px 0 0 0;}
.author-name a { color: black; font-weight: bold;}
.author-name a:hover {color:#ff0000; text-decoration: none;}

/*
.author-block  ol { text-align: left; }
.author-desc-img { float:left;  font-weight: normal; border: 0px solid #4141ac; padding: 0 0 0 0; font-style:italic;}
.author-desc-txt {  float:right;   font-weight: normal; border: 0px solid #4141ac; padding: 5px 0 0 0; font-style:italic; width:80%; }
*/


#google-search-form {   float: right; }

#cse-search-results { width: 400px;}


#menu {    clear:left;     float: left;     font: 14px Verdana;     border: 0px solid red;    width: 96%;    height: 75px;    }
#menu ul.sub li {     
    font: 14px Verdana; 
    
}
#menu ul { 
    padding-bottom: 5px;    
    padding-top: 5px;    
}
#menu li { 
    display: inline;    
    color:#bbb;
    
}
#menu li a {color:#2a4675; text-decoration: none; }
#menu li a:hover {color:#ff0000; text-decoration: underline;}
#navibar {clear:both; clear:right; padding: 0 0 0 0; border: 0px solid red;}
#navibar .navi_first { color: #aaa;}
hr.under_navi_top { color: #aaa; background-color: #aaa; width: 100%; text-align: left; }
hr.under_navi_bot { color: #aaa; background-color: #aaa; width: 30%; text-align: left; }
hr.under_navi_bot2 { color: #aaa; background-color: #aaa; width: 30%;}
hr.prim { color: #aaa; background-color: #aaa; width: 30%; margin-bottom:15px;}


/*
#cont-list {width:100%;}
#cont-list .info {width:250px;}
#cont-list h1 {text-align:left; padding:20px 0px 5px 30px;}
*/

#po_glavam {width:390px; float:right; display:none;}
#po_stranitsam {width:390px; float:right; display:block;}
#read{float:left;width:100px;}

.picture {    float:left;   text-align:center;    border: 0px solid red;    width:300px;     height: 300px;}
.picture1 {    float:left;   text-align:center;    border: 1px solid red;    width:auto;     height: 300px;}

#downloadfile  {
    /*border: 1px solid green; */
    margin: 50 50 50 50;
    padding: 50 10 50 10;    
    border: 0px solid red;    
}
#under_navibar {float: left;     width:100%; border: 0px solid green;}
#download        {  text-align: right;  border: 0px solid red;         float: right;    width:45%;     padding: 10px 10px 20px 10px;}
#soderjanie {  text-align: left;  border: 0px solid red;         float: left;    width:45%;    padding: 10px 10px 20px 10px;}
    #soderjanie li { margin:0px 0px 0px 0px; padding-bottom: 3px;    padding-top: 3px;    }


.updates-date { clear:both; text-indent: 0px;  margin: 15px 0px 5px 0px; color: black;}
.updates-line { text-indent: 20px; margin:0px 5px 15px 5px; }
.list-num-page { padding: 3px 5px 3px 5px; margin:0px 2px 0px 2px; border: 0px solid red;}
.list-num-page-sel { background-color: #2a4675; color: white;}


/* -------------- design ---------------- */
#menu1 {clear:both; display:none; }
#menu2 {clear:both; display:none; }


#menu a.menu1p {background: url("image/creation.png") no-repeat left top;    display:block; float: left;    width: 128px;    height: 30px; }
#menu a:hover.menu1p {background: url("image/creation.png") no-repeat left top;    display:block; float: left;    width: 128px;    height: 30px; }

#menu a.menu2p {background: url("image/about.png") no-repeat left top;    display:block; float: left;    width: 230px;    height: 30px; }
#menu a:hover.menu2p {background: url("image/about.png") no-repeat left top;    display:block; float: left;    width: 230px;    height: 30px; }

#menu a.menu3p {background: url("image/gallay.png") no-repeat left top;    display:block; float: left;    width: 150px;    height: 30px; }
#menu a:hover.menu3p {background: url("image/gallay-a.png") no-repeat left top;    display:block; float: left;    width: 150px;    height: 30px; }

#menu1 a.menu1p1 {background: url("image/poems.png") no-repeat left top;    display:block;  float: left;    width: 149px;    height: 26px; }
#menu1 a:hover.menu1p1 {background: url("image/poems-a.png") no-repeat left top;    display:block;  float: left;    width: 149px;    height: 26px; }

#menu1 a.menu1p2 {background: url("image/prose.png") no-repeat left top;    display:block; float: left;    width: 100px;    height: 30px; }
#menu1 a:hover.menu1p2 {background: url("image/prose-a.png") no-repeat left top;    display:block; float: left;    width: 100px;    height: 30px; }

#menu1 a.menu1p3 {background: url("image/letters.png") no-repeat left top;    display:block; float: left;    width: 280px;    height: 30px; }
#menu1 a:hover.menu1p3 {background: url("image/letters-a.png") no-repeat left top;    display:block; float: left;    width: 280px;    height: 30px; }

#menu1 a.menu1p4 {background: url("image/literary.png") no-repeat left top;    display:block; float: left;    width: 188px;    height: 30px; }
#menu1 a:hover.menu1p4 {background: url("image/literary-a.png") no-repeat left top;    display:block; float: left;    width: 188px;    height: 30px; }

#menu2 a.menu2p1 {background: url("image/excerpts.png") no-repeat left top;    display:block; float: left;    width: 151px;    height: 30px; }
#menu2 a:hover.menu2p1 {background: url("image/excerpts-a.png") no-repeat left top;    display:block; float: left;    width: 151px;    height: 30px; }

#menu2 a.menu2p2 {background: url("image/biography.png") no-repeat left top;    display:block; float: left;    width: 147px;    height: 30px; }
#menu2 a:hover.menu2p2 {background: url("image/biography-a.png") no-repeat left top;    display:block; float: left;    width: 147px;    height: 30px; }

#menu2 a.menu2p3 {background: url("image/article.png") no-repeat left top;    display:block; float: left;    width: 243px;    height: 30px; }
#menu2 a:hover.menu2p3 {background: url("image/article-a.png") no-repeat left top;    display:block; float: left;    width: 243px;    height: 30px; }