:root{
    --scrollbar:#F6F6F6;
    --scrollbar-shadow:#D5E9F0;
    --scrollbar-highlight:#FFF;
    --scrollbar-other:#A6DEF7;
    --body-bg:#FFF;
    --body-bg-img:url(img/bg.png);
    --link-color:#5BBBF3;
    --link-color-hover:#AAA;
    --h1-color:#9AD4F6;
    --h1-link-hover:#DDD;
    --h3-color:#999;
    --h3-bg:url(img/arrow.gif);
    --em-color:#FC8080;
    --strong-color:#AAA;
    --del-color:#CCC;
    --input-color:#8D8D8D;
    --div-main-bg-img:url(img/deco2.png);
    --deco-img:url(img/line001.gif);
    --div-menu-img:url(img/dot001.gif);
    --menu-li-img:url(img/dot001_2.gif);
}

*{
    margin:0;
    padding:0;
}
html,body{
    scrollbar-track-color:var(--scrollbar);
    scrollbar-face-color:var(--scrollbar);
    scrollbar-shadow-color:var(--scrollbar-shadow);
    scrollbar-darkshadow-color:var(--scrollbar);
    scrollbar-highlight-color:var(--scrollbar-highlight);
    scrollbar-3dlight-color:var(--scrollbar-shadow);
    scrollbar-arrow-color:var(--scrollbar-other);
}
html{
    overflow-y:auto;
}
body{
    line-height:1.5;
    color:var(--input-color);
    font-size:83.3%;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    background:var(--body-bg) var(--body-bg-img) repeat top left;
}
a{
    text-decoration:none;
}
a:link{
    color:var(--link-color);
}
a:visited{
    color:var(--link-color);
}
a:hover{
    color:var(--link-color-hover);
}
a:active{
    color:var(--link-color-hover);
}
.write a{
    text-decoration:underline;
}
.write a:link{
    color:var(--link-color);
}
.write a:visited{
    color:var(--link-color-hover);
}
.write a:hover{
    color:var(--link-color-hover);
}
h1{
    color:var(--h1-color);
    font-size:165%;
    font-weight:normal;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
h1 a:link{
    color:var(--h1-color);
}
h1 a:visited{
    color:var(--h1-color);
}
h1 a:hover{
    color:var(--h1-link-hover);
}
h2{
    color:var(--h1-color);
    font-size:77%;
    font-weight:normal;
}
h3{
    padding-left:15px;
    color:var(--h3-color);
    font-size:100%;
    background:var(--h3-bg) no-repeat center left;
}
h4,h5,h6{
    font-size:100%;
}
p{
    margin:0 0 1em 0;
}
br{
    letter-spacing:normal;
}
em{
    color:var(--em-color);
    font-style:normal;
}
strong{
    color:var(--strong-color);
    font-weight:bold;
}
big{
    font-size:131%;
}
small{
    font-size:77%;
}
ins{
    text-decoration:underline;
}
del{
    color:var(--del-color);
}
b{
    font-weight:bold;
}
i{
    font-style:oblique;
}
address,cite{
    font-style:normal;
}
code{
    font-family:monospace;
}
table{
    margin:0 0 1em 0;
    border-collapse:collapse;
    border-spacing:0;
}
th,td{
    padding:2px 5px;
    border:1px solid var(--h1-link-hover);
}
hr{
    display:none;
}
.line{
    margin-bottom:30px;
}
.clears{
    clear:both;
    padding-top:10px;
}
img,img a{
    float:right;
    margin:0 0 0 10px;
    padding:5px;
    border:1px solid var(--h1-link-hover);
    background:var(--body-bg);
}
.img_right{
    float:right;
    margin:0 0 0 10px;
    padding:5px;
    border:1px solid var(--h1-link-hover);
    background:var(--body-bg);
}
.img-left{
    float:left;
    margin:0 10px 0 0;
    padding:5px;
    border:1px solid var(--h1-link-hover);
    background:var(--body-bg);
}
blockquote{
    margin:0 0 1em 30px;
    padding:5px 10px;
    border:1px dashed var(--h1-link-hover);
    color:var(--link-color-hover);
}
input,select,textarea{
    margin:2px 0;
    width:50%;
    border:1px solid var(--h1-link-hover);
    color:var(--input-color);
    font-size:100%;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    background:var(--body-bg);
}
textarea{
    width:90%;
}
input.button{
    width:90px;
    vertical-align:middle;
}
div#out{
    margin:20px auto 0 auto;
    width:770px;
}
div#header{
    margin-bottom:5px;
    line-height:1.1;
    text-align:right;
}
div#main_column{
    float:right;
    display:inline;
    padding:15px 150px 0 20px;
    width:458px;
    height:380px;
    overflow:auto;
    border:1px solid var(--h1-link-hover);
    background:var(--body-bg) var(--div-main-bg-img) no-repeat top right;
}
div#sidebar{
    float:left;
    display:inline;
    width:140px;
    height:380px;
    overflow:hidden;
}
div.write{
    margin:10px 0 0 15px;
}
div.write ul,div.write ol{
    margin:0 0 1em 10px;
}
div.write ul li{
    list-style:circle inside;
}
div.write ol li{
    list-style:decimal;
    margin:0 0 0 20px;
}
div.write ul.parallel{
    margin:0;
}
ul.parallel li{
    display:inline;
    list-style:none;
}
ul.parallel li img{
    margin:0 2px 3px 0;
}
dl{
    margin:0 0 1em 0;
}
dd{
    margin:0 0 5px 15px;
}
dl.parallel dt{
    width:120px;
    line-height:1.6;
}
dl.parallel dd{
    margin:-1.6em 0 5px 120px;
    padding:0 0 0 15px;
}
p.info{
    margin:0 0 1em 0;
    padding:1px 10px 0 0;
    height:80px;
    overflow:auto;
    border:0;
}
.deco{
    line-height:22px;
    background:var(--deco-img) left top;
}
img.deco{
    padding:5px;
    border:1px solid var(--h1-link-hover);
    background:var(--body-bg);
}
div#menu{
    margin:5px 0 10px 0;
}
div#menu li{
    list-style:none;
    line-height:1.8;
}
div#menu li a{
    display:block;
    width:100%;
    background:var(--div-menu-img) repeat-x bottom;
}
#menu li a:hover{
    color:var(--h3-color);
    background:var(--menu-li-img) repeat-x bottom;
}
div#footer{
    clear:both;
    text-align:right;
}
div#footer li{
    display:inline;
    list-style:none;
}
#copy,#copy a{
    color:var(--del-color);
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
}
#entrance{
    margin:30px auto 0;
    padding:20px;
    width:60%;
    border:1px solid var(--h1-link-hover);
    background:var(--body-bg);
}
#entrance a{
    text-decoration:none;
}

.artpiece{
    width:70%;
    height:auto;
    margin:10px;
}
#comments{
    float:right;
    display:inline;
    padding:15px 150px 0 20px;
    width:458px;
    height:600px;
    overflow:auto;
    border:1px solid var(--h1-link-hover);
    background:var(--body-bg);
}

.filterDiv{
    display:none;
}
.show{
    display:block;
}
.filter-container{
    margin-top:20px;
    overflow:hidden;
}