body {
font-size : x-small;
voice-family : "\"}\"";
voice-family : inherit;
font-size : small;
color : #1f211f;
background : url(../images/set.gif) repeat;
}
html > body {
font-size : small;
}
#hup {
position : absolute;
top : 32px;
left : 32px;
background : url(../images/h_i3n.jpg) no-repeat top left;
}
#hu {
display : block;
float : left;
margin : 0;
padding : 0;
width : 192px;
height : 136px;
background : url(../images/h_r3n.jpg) no-repeat top left;
}
a#hu:hover {
background : url(../images/h_i3n.jpg) no-repeat top left;
}
#wrap {
position : relative;
top : 0;
left : 0;
width : 832px;
margin-left : auto;
margin-right : auto;
text-align : center;
font-family : "Lucida Grande", Tahoma, Verdana, Lucida, Arial, sans-serif;
background : #fff;
}
#wrap div {
text-align : left;
}
#wrap1 {
float : left;
width : 832px;
padding : 0;
margin : 0;
background : #fff url(../images/katbnew.jpg) no-repeat bottom left;
}
#inter {
float : right;
width : 832px;
margin : 0;
padding : 0;
background : url(../images/ten.jpg) repeat-y top right;
}
#wrap2 {
float : left;
width : 824px;
padding : 0;
margin : 0;
background : url(../images/katnew.jpg) no-repeat;
}
#header {
float : right;
width : 624px;
height : 104px;
margin : 32px 0 0;
padding : 0;
background : #c77850;
}
#header img {
float : right;
margin-top : 12px;
padding : 0 16px 0 48px;
}
#header h1 {
float : right;
width : 600px;
margin : -4px 0 0;
padding : 0 12px 0 0;
font-size : 70%;
font-weight : 100;
text-align : right;
letter-spacing : 1px;
color : #feedcf;
}
#refer {
float : right;
margin : 0;
padding : 0;
line-height : 150%;
width : 624px;
height : 32px;
background : #e0926e url(../images/orn2.gif) repeat-x top left;
}
#referv {
float : left;
width : 78px;
height : 32px;
background : #e0926e url(../images/list.jpg) no-repeat top left;
}
#refer ol {
padding : 8px 0 0 190px;
margin : 0;
font-size : 85%;
}
#refer ol li {
display : inline;
background : #e0926e url(../images/rom.gif) no-repeat 4px 0;
padding : 0 0 0 12px;
margin : 0;
list-style : none;
}
#refer ol li a {
text-decoration : none;
color : #634f47;
font-variant : small-caps;
font-weight : 100;
}
#refer ol li a:hover {
color : #fff3e6;
}
#refer ol li.here {
background : url(../images/rom2.gif) no-repeat 0 3px;
padding : 0 2px 0 10px;
margin : 0;
color : #feedcf;
}
#content {
float : right;
width : 600px;
margin : 0;
padding : 0 0 24px 0;
line-height : 120%;
}
#content h2 {
font-size : 0.8em;
font-weight : 300;
padding : 16px 2px 4px 0;
margin : 0;
}
#content p {
font : normal 200 1.08em/1.15em "Arial Narrow", Arial, sans-serif;
text-align : justify;
padding : 2px 12px 2px 64px;
margin : 0;
color : #000;
}
#content p.sh {
padding : 0 16px 0 88px;
}
#content p.cite, #inter p.cite {
font : italic 200 1.05em Minion, Georgia, serif;
margin : 0;
padding : 8px 48px 0 0;
text-align : right;
}
.dropcap {
float : left;
width : 0.64em;
font-size : 7em;
line-height : 90%;
font-weight : 300;
color : #587189;
}
#content img.r {
float : right;
padding : 0;
margin : 0;
display : inline;
}
#content img.l {
float : left;
padding : 0;
margin : 0;
display : inline;
}
#content li {
padding : 4px 4px 8px 56px;
margin : 0 0 4px;
border-top : 1px dotted #587189;
}
#content ul p {
padding : 0 8px 0 32px;
margin : 2px 0 0;
border-top : 1px dotted #587189;
}
#diler {
float : left;
width : 200px;
font-size : 0.85em;
padding : 0;
margin : 16px 0 0 18px;
font-variant : small-caps;
}
#diler ul {
padding : 0 0 0 24px;
margin : 0;
font-family : Verdana, Arial, sans-serif;
}
#diler li {
padding : 0;
margin : 0;
border : none;
list-style : url(../images/rom2.gif);
}
#diler p {
border-bottom : 1px solid #ccc;
padding : 32px 0 2px 40px;
font-family : Verdana, Arial, sans-serif;
font-variant : small-caps;
}
#footer {
float : left;
width : 824px;
background : url(../images/lin2gr.gif) repeat-y -24px 0;
margin : 0;
padding : 0;
}
#footer img {
float : left;
margin : 0;
padding : 0 0 0 28px;
}
#footer p {
float : right;
width : 560px;
padding : 8px 0 24px;
margin : 0;
text-align : center;
font : small-caps 200 105%/160% Tahoma, Verdana, sans-serif;
color : #feedcf;
}
#rating {
width : 824px;
margin : 8px 0 0;
padding : 0 0 24px;
background : url(../images/tenb.jpg) repeat-x bottom right;
}
#rating p {
margin : 0;
padding : 16px 0 4px 200px;
text-align : center;
}
#rating p img {
margin : 0;
padding : 2px;
}
#rating em a, #footer span {
display : block;
font : italic 300 1em Minion, serif;
color : #1f211f;
padding : 4px 0 0;
margin : 2px 0 0;
}
#rating em a:hover {
color : #cb9a49;
}
strong {
font-variant : small-caps;
letter-spacing : 1px;
color : #587189;
}
#prom {
position : relative;
width : 1px;
}
#prom p.prom {
position : absolute;
background : inherit;
width : 240px;
top : -48px;
left : 200px;
margin : 0;
padding : 0;
}
#prom img {
width : 240px;
padding : 0;
margin : 0;
}
#time {
position : absolute;
top : -24px;
left : 212px;
width : 552px;
z-index : 24;
}
#time p {
font : italic 200 75%/100% "New Century Schoolbook", Georgia, "Times New Roman", serif;
text-align : right;
margin : 0;
color : #333;
z-index : 24;
}
img {
border : 0;
padding : 0;
margin : 0;
}
a, a:hover {
text-decoration : none;
}
a {
color : #634f47;
font-weight : 500;
}
a:hover {
color : #fff3e6;
}
#sp {
margin : 4px 0 0 192px;
padding : 0;
text-align:center;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); /* IE 5.5+*/
-moz-opacity: 0.4; /* Mozilla 1.6 и ниже */
-khtml-opacity: 0.4; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.4; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
font-size:9px;
}