html{
  background: #FFF url(img/bottom.png) no-repeat fixed bottom left;
  display: block;
  visibility: visible;
/*  text-align: justify;*/
}

body{
  background: #FFEA00 url(../killie.png) no-repeat fixed center center;
  color: #777;
  margin: 0px;
  padding: 0px;
  font-family: Garamond, serif;
  font-size: 12pt;
  min-height: 100%;
}

html > body{
  background: transparent url(img/top.png) no-repeat fixed top left;
}

#container_l1{
  display: none;
}

html > body #container_l1{
  display: block;
}


#container_l1{
  margin: 0px 0px -1em;
  padding: 24px 24px 1em;
  width: 640px;
  min-width: 256px;
}

h1{
  font-family: serif;
  font-size: 18pt;
  text-align: right;
  font-weight: 900;
  text-transform: uppercase;
  padding: 10px 5px 0px;
  margin: 0px;
  border-bottom: 1px #CfC589 solid;
  color: #CfC589;
  color: #999;
  border-bottom: 1px #999 solid;
  letter-spacing: 4px;
  white-space: pre;
}

hr{
  display: none;
}

#headerno h1:before{
  content: "Sergiu Dumitriu";
  display: block;
  color: #777;
  margin-bottom: -1.17em;
  margin-right: -0.03em;
  white-space: pre;
}

h3{
  font-family: Garamond, serif;
  font-size: 14pt;
  font-weight: bold;
  font-variant: small-caps;
  padding: 10px 5px 0px;
  color: #CfC589;
  letter-spacing: 4px;
  margin-top: 0px;
}

h2:first-letter{
/*, :not(.floating) > div > h3:first-letter{*/
  font-size: 170%;
  font-weight: 500;
  float: left;
  margin-top: 0.1em;
  line-height: 0.75em;
}

em{
  font-variant: small-caps;
  color: #CfC589;
  font-style: italic;
}
li{
  list-style-type: square;
  color: #CfC589;
}

li span, li p{
  color: #777;
}

li p{
  margin-top: 0em;
}

dt{
  font-weight: bold;
  font-variant: small-caps;
}
dt:after{
  content: ":";
}

a:link {
 color: #777;
 font-weight: bold;
 text-decoration: none;
}
a:visited{
 color: #777;
 font-weight: bold;
 text-decoration: none;
}
a:hover {
 color: #CfC589;
 font-weight: bold;
 /*background-color: #FFD;*/
}
a:active {
 font-weight: bold;
 color: #CfC589;
}

a img{
  border: none;
  vertical-align: top;
}

div.topic{
  margin: 1em 16px 0em;
  padding: 0px 8px;
/*  border-top: 1px solid #f2f2f2;
  border-left: 1px solid #f2f2f2;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;*/
}

#footer{
  border-top: 1px solid #CFC589;
  text-align: left;
  font-size: 10pt;
}

.floating{
  float: right;
  clear: right;
  padding: 0.5em 8px 8px 8px;
  margin: 0px 0px 8px 16px;
  background-color: #fff;
  overflow: auto;
  width: 300px;
}
.floating > div{
  background-color: #f7f7f7;
  padding: 4px;
  border: 1px solid #ddd;
  /*margin: 0.5em 8px 8px 8px;*/
}
.floating h3{
  text-align: right;
}
.floating h4{
/*  float: left;
  padding: 0px 0px 0px 4px;
  margin-right: 8px;
  border-right: 12px solid rgb(247, 247, 247);
  width: 150px;
  background-color: rgb(250, 250, 250);
  margin: 0px;*/
  display: inline;
  background-color: #ddd;
}
.floating h4:after{
  content: ':';
}
.floating h4 a:hover{
  color: #000;
}
.floating p{
 display: inline;
 padding-left: 1em;
}

.floating div div{
  margin: 16px 0px;
}

*:target, *:target > h3, *:target > h4{
  color: #000;
  background-color: #F6F6F6;
}