/*FOR IE when using negative margins with parent boxes with fixed width, always use auto for left margin!!!!*/
/*
darker brown -- EABC8E
lighter EFCBA7
*/

body {
background: url(../images/articleTopBckgrStrip_80.jpg) repeat-x #4A0A01  fixed;
font: 62.5%/1.6em "Lucida Grande", Verdana, sans-serif;
margin: 0;
padding: 0;
}

#wrapper{
position: relative;
width: 786px;
margin: 0 auto;
font-size: 1.3em;
line-height: 1.6;
background: url(../images/article_footerBorderR_50.jpg) left bottom repeat-x;
/*article_footerBorderL_50.jpg is unused*/
}

#illumination{
background-image: url(../images/article_Illumination786_40.jpg);
background-repeat: no-repeat;
width: 786px;
height: 210px;
margin: 0 auto;
padding-bottom: 0px;
}

/*////////////////////////////*/

#navBarTop{
position: absolute;
width: 250px;
left: 524px;
top: 174px;
/*inherits font-size from #wrapper*/
}

#navBarBottom{
width: 250px;
margin: -36px 0 0px 512px;
}

#navBarTop li, #navBarBottom li{
height: 36px;
line-height: 36px;
margin-bottom: 1px;
/*background-color: #DEB791;*/
background-color: #a18061;
padding: 0 0 0 15px;
}
#navBarTop li.second, #navBarBottom li.second{
background-color: #b48357;
}
#navBarTop li.third, #navBarBottom li.third{
background-color: #a99784;
}


/*////////////////////////////*/

#content{
width: 762px;
margin: 0 12px;
background-color: #EABC8E;
}

.articleProper {
margin: 0px 250px 0px 0;
padding: 0 40px 30px 30px;
background-color: #EFCBA7;
/*font-size: 1em;*/ /*inherites from #wrapper*/
line-height: 1.5;
}

/*нужен hack на Opera*/

.articleProper p {
position: relative;
overflow: visible;
font-size: 1em;
/*height: 1%;*/
}
* html .articleProper p {height: 1%;}

/*////////////////////////////*/

.marginNoteNr, .marginNote, .marginImg {
position: absolute;
float: right;
left: 482px;
top: auto;
width: 18.5em;
padding: 0 1.4em;
text-indent: 0;
background-color: transparent;
/*border: 1px red solid;*/
/*background-color: #EABC8E;*/
/*background-color: lime;*/
}
.marginNoteNr, .marginNote{
font-size: 0.9em;
line-height: 1.3;
text-align: left;
}

.marginNote{
text-indent: 0;
}

.marginNoteNr img, .marginNote img{
display: block;
padding: 0.8em 0;
}

.marginImg{
width: 210px;
}

span.marginNoteIndent{
padding-left: 1em;
}

.fnotenum{
font-size: 10px;
text-decoration: none;
vertical-align: top;
}
.fnotenum a{
font-size: 10px;
vertical-align: top;
text-decoration: underline;
color: black;
}

/*////////////////////////////*/

#readMore{
width: 512px;
margin: -36px 0 0;
background-color:  #E4C2A0;
padding: 10px 0 20px 0;
}
#readMore p{
padding: 1em 0 0.5em 0;
}
#readMore li {
list-style-type: none;
padding: 0px 0px 2px 35px;
}

/*////////////////////////////*/


h1{
font-size: 1.4em;
line-height: 1.5;
font-weight: bold;
text-align: left;
margin: 0px 0 2em;
}
h1.inText{
margin: 1.8em 0 1em;
}


h2{
font-size: 1.3em;
line-height: 1.4;
margin: 1.5em 0 1em 0;
}

.subtitle{
margin: -1.8em 0 2em;
padding-top: 0;
}

h3{
font-size: 1.2em;
line-height: 1.3;
margin-top: 1.5em;
margin-bottom: 1em;
}
h3 + h3 {
margin-top: -.7em;
}
h4{
margin: 1em 0 0.5em 0;
font-size: 1.1em;
}

h1, h2, h3, h4{
color:  #980000;
}


/*////////////////////////////*/

p{
margin: 0;
padding: 0;
text-indent: 1.5em;
}
p em, p cite{
font-style: italic;
}
.sBefore{
padding-top: 1em;
}

.halfBefore{
padding-top: 0.8em;
}
p.doubleindent{
text-indent: 3em;
}

.likepoem{
padding: 1em 0 1em 40px;
}

.notes{
padding: 1.5em 0 0 0;
}
.notes p{
padding-left: 16px;
padding-top: 0.5em;
text-indent: -16px;
line-height: 1.3;
}
.notes p.in_notes{
padding-top: 0px;
text-indent: 10px;
}
.notes a{
text-decoration: underline;
color: black;
}


.titlequote{
padding: 1em 10px 1.5em 0px;
}
.titlequote p{
text-align: right;
}

.letterHeader, .letDate{
padding: 1.5em 0 0.5em 0;
text-align: right;
}



p.author{
text-align: right;
padding: 0.8em 1.5em 0 0;
}

p.authorMore{
text-align: right;
padding: 1.2em 1.5em 0 0;
}

.articleAuthorEnd{
padding: 3em 0.5em 0px 0px;
}
.articleAuthorEnd p{
text-align: right;
padding-bottom: 0.5em;
}
.articleAuthorEnd p.copyrigth{
text-align: left;
padding-top: 1.5em;
font-size: smaller;
text-indent: 0;
}

.akcent{
color: #003399;
}

.underline{
text-decoration: underline;
}
.noIndent{
text-indent: 0;
}

.ThreeDots {
font-size: 140%;
/*font-weight: bold;*/
}

.startwithPhoto img{
float: left;
width: 176px; 
padding: 0 3em 2em 0;
}

.divider{
margin: 20px 0;
padding: 0;
text-align: center;
}
.leftTab{
text-indent: 1em;
}
.alignRight{
text-align: right;
}
.pageNr {
color:  #980000;
}
/*////////////////////////////*/

ul {
margin: 0;
padding: 0;
list-style-type: none;
}

/*////////////////////////////*/

a{
color: black;
text-decoration: underline;
}
a:hover{
color: #980000;
text-decoration: underline;
cursor: pointer;
}
#readMore a {
text-decoration: none;
}
#readMore a:visited {
color: #5C3725;
text-decoration: none;
}
#readMore a:hover {
color: #980000;
text-decoration: underline;
}
#navBarTop li a, #navBarBottom li a {
color: #f1dcc6;
text-decoration: none;
}
a.painting {
font-style: italic;
}

#article026 a.painting, #article026 a.painting:visited {
font-style: normal;
color: #980000;
text-decoration: none;
}
#article026 a.painting:hover{
text-decoration: underline;
}



/*for 020 only*/
body#article #AYsign{
float: left;
width: 90px;
text-indent: 0;
}
#AYexp{
float: left;
width: 320px;
}
/*end*/

.t1 {
margin-top: 1em;
}
.t2 {
margin-top: 2em;
}
.t3 {
margin-top: 3em;
}
.t4 {
margin-top: 4em;
}
.t5 {
margin-top: 5em;
}
.t6 {
margin-top: 6em;
}
.t7 {
margin-top: 7em;
}
.t8 {
margin-top: 8em;
}
.t9 {
margin-top: 9em;
}
.t10 {
margin-top: 10em;
}
.t11 {
margin-top: 11em;
}
.t12 {
margin-top: 12em;
}
.t13 {
margin-top: 13em;
}
.t14 {
margin-top: 14em;
}
.t15 {
margin-top: 15em;
}
.t16 {
margin-top: 16em;
}
.t17 {
margin-top: 17em;
}
.t18 {
margin-top: 18em;
}
.t19 {
margin-top: 19em;
}
.t20 {
margin-top: 20em;
}
.t22 {
margin-top: 22em;
}
.t24 {
margin-top: 24em;
}
.t26 {
margin-top: 26em;
}
.t28 {
margin-top: 28em;
}
.t30 {
margin-top: 30em;
}
.t35 {
margin-top: 35em;
}
.t40 {
margin-top: 40em;
}
.t50 {
margin-top: 50em;
}
.t60 {
margin-top: 60em;
}
.t70 {
margin-top: 70em;
}
.t80 {
margin-top: 80em;
}
.t90 {
margin-top: 90em;
}
.t100 {
margin-top: 100em;
}
.t110 {
margin-top: 110em;
}
.t180 {
margin-top: 180em;
}
.t230 {
margin-top: 230em;
}