/* Common */
html{
  background: #7a908d url("/img/bg2.gif") repeat-x 0 0;
}
body,html{
  margin: 0;
  padding: 0;
  height: 100%;
  min-height: 791px;
  font: normal 14px "Times New Roman";
  position: relative !important;
  position: absolute;
  color: #4c5352;
}
table,img{
  border:none;
  font-size:100%;
  color:#4c5352;
}
a, a:hover{
  color:#c76200;
  text-decoration:none;
}
#bg1 {
  width: 100%;
  height: 784px;
  position:absolute;
  top: 49%;
  margin-top:-395px;
  background: url("/img/bg3.gif") repeat-x 0 50%;
 }
#bg1 span {
  display:block;
  width:838px;
 }
#bg2 {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
 }
#bg2 div {
  width:838px;
  height:100%;
  margin:auto;
  background:url("/img/bg1.gif") repeat-y 74px 0;
 }
#bg2 span {
  display:block;
  width:838px;
  height:784px;
 }
#bg3 {
  width:100%;
  height:50%;
  position:absolute;
  top:0;
  left:0;
 }
#bg3 span{
  display:block;
  height:100%;
  width:838px;
  margin:auto;
  background:url("/img/bg4.gif") repeat-y 74px 0;
}
#bg4{
  width:100%;
  height:100%;
/*  padding: 0 0 20px 0;*/
  position:absolute;
  top:0;
  left:0;
  background:url("/img/bg5.gif") repeat-x 0 100%;
  min-height:791px;
}
#bg4 span{
  display:block;
  height:791px;
  width:838px;
}

#page{
  width: 100%;
  height: 784px;
/*  border: #fff dotted 1px;*/
  position: absolute;
  top: 49%;
  margin-top: -395px;
}
#container{
  width:838px;
  height:784px;
  margin:auto;
  background:url("/img/bg6.gif") no-repeat 0 0;
}
#hat{
  width:778px;
  height:195px;
  padding:28px 30px 0 30px;
  background:url("/img/hatbg.gif") no-repeat 21px 20px;
}
#hat img{
  display:block;
  width:778px;
  height:195px;
}
#hat span{
  display:block;
  height:195px;
  background:url("/img/hatbg-mono.jpg") no-repeat 0 0;
}
#content {
  width:778px;
  height:485px;
  margin:0 21px;
  padding:0 9px;
  background:#fffef6;
 }



#foot {
  width: 796px;
/*  height: 76px;*/
	height: auto;
/*	padding: 0 0 22px 0;*/
  margin:0 21px;
  background: url("/img/footbg.gif") no-repeat 0 0;
}
#foot .foot_inner{
  height: 44px;
  margin: 0 9px;
  background: url("/img/footbg3.gif") repeat-x 0 19px;
}
#foot span{
  display: block;
  width: 100%;
  height: 44px;
  background: url("/img/footbg2.gif") no-repeat 0 19px;
}
#foot .kk{
  float: right;
  text-align:right;
  margin: 32px 0 0 0;
  padding: 0 0 0 0;
  font: normal 9px arial, sans-serif;
}
#foot .kk a{
  color: #fff;
}



#extra {
  display: block;
  width: 1px;
  height: 44px;
  padding-left: 67px;
  overflow: hidden;
  margin-left: 710px;
  background: url("/img/extra.gif") no-repeat 0 0;
  font-size: 100px;
}
#hght{
  width:838px;
  height:791px;
}

/* Second Pages */
#second-cont {
  background:url("/img/contentbg.gif") repeat-x 0 0;
  height:485px;
 }
#pluss {
  background:url("/img/bg9.gif") no-repeat 287px 55px;
  height:485px;
 }
#side {
  width:238px;
  float:left;
  padding:34px 15px 0 45px;
  background:url("/img/bg8.gif") no-repeat 45px 0;
 }
.header {
  height:24px;
  background:url("/img/bg7b.gif") no-repeat 0 19px;
  clear:both;
 }
.bordered {
  border-bottom:#eae6de 1px solid;
 }
#lev2nav {
  list-style:none;
  padding:7px 0 27px 0;
  margin:0;
 }
#lev2nav li {
  color:#887e6b;
  font-weight:bold;
  margin:0;
  padding:0 0 1px 0;
 }
#lev2nav a {
  font-weight:normal;
 }
#lev2nav a.active {
  color:#887e6b;
  font-weight:bold;
  margin:0;
  padding:0 0 1px 0;
 }
#lev2nav a.active:hover {
  color:#c76200;
 }
#lev2nav a.blue {
  color:#588bca;
 }
#lev2nav a.black {
  color:#4c5352;
 }
#lev2nav a.black:hover {
  color:#c76200;
 }
#lev2nav-off {
  height:53px;
  margin:11px 0 -9px 0;
  padding:0;
  background:url("/img/bg11.gif") repeat 0 0;
 }
#from-folio {
  list-style:none;
  margin:7px 0 0 -3px;
  padding:0;
  font-size:13px;
 }
#from-folio li {
  clear:both;
  margin:0;
  padding:2px 0 0 0;
 }
#from-folio .image {
  display:block;
  float:left;
  background:url("/img/image-shadow.gif") no-repeat 100% 100%;
  padding-bottom:5px;
  margin-right:8px;
  cursor:pointer;
 }
#from-folio .image img {
  width:76px;
  height:53px;
  border:#fff 3px solid;
  display:block;
 }
#from-folio .text {
  display:block;
  width:140px;
  margin:5px 0 0 0;
  float:left;
  cursor:pointer;
 }
#text {
  width:458px;
  padding:34px 22px 0 0;
  float:left;
 }
#ico-print {
  width:16px;
  height:15px;
  background:url("/img/ico-print.gif") no-repeat 0 0;
  display:block;
  float:right;
 }
#text-here {
  margin:7px 0 0 0;
  padding:0;
  height:392px;
  overflow:auto;
  scrollbar-shadow-color:#eae6de;
  scrollbar-highlight-color:#eae6de;
  scrollbar-3dlight-color:#fff;
  scrollbar-darkshadow-color:#b1aa9f;
  scrollbar-track-color:#fffef6;
  scrollbar-face-color:#eae6de;
  scrollbar-arrow-color:#978e7c;
 }
#text-here .inner {
  width:438px;
  padding-bottom:20px;
  background:url("/img/bg10.gif") no-repeat 0 100%;
  line-height:17px;
  overflow:hidden;
 }
#text-here h3 {
  font-size:100%;
  margin:0 0 6px 0;
 }
#text-here p {
  padding: 0;
  margin:0 0 6px 0;
 }
#text-here .author {
  font-size:13px;
  margin-top:30px;
 }
#text-here .date {
  font-size:11px;
  color:#887e6b;
 }
.media {
  float:left;
  margin:3px 13px 8px 0;
  border-bottom:#dfdacf 4px solid;
 }
.media img {
  display:block;
  border-bottom:#fff 2px solid;
 }
#portfolio-image {
  height:92px;
  margin:1px 1px 5px 1px;
  border-bottom:#dfdacf 4px solid;
  background-color:#fff;
  background-repeat:no-repeat;
  background-position:0 0;
 }
#portfolio-image a {
  display:block;
  height:92px;
 }
#portfolio-image-own {
  margin:1px 20px 5px 1px;
  background-repeat:no-repeat;
  background-position:0 0;
 }
#portfolio-image-own a {
  display:block;
  height:92px;
 }
#portfolio-fields {
  padding: .1em 0 16px 0;
  font-size: 13px;
  background: url("/img/arrow.gif") no-repeat 0 3.4em;
  color:#887e6b;
 }
#portfolio-fields b {
  color:#4c5352;
 }
#portfolio-fields-own {
  padding:.2em 0 16px 0;
  font-size:13px;
  background:url("/img/arrow.gif") no-repeat 0 0.6em;
  color:#887e6b;
 }
#for-select {
  position:relative;
  top:-3px;
 }
#for-select select {
  width:300px;
 }
#side p {
  margin:11px 0 0 0;
 }

/* Content */
#text-here ul {
  list-style:none;
  margin:0;
 }
#text-here ul li {
  margin:0;
  padding:0 0 2px 20px;
  background:url("/img/square-bullet.gif") no-repeat 7px .6em;
 }
select {
  font:normal 10px Tahoma;
  color:#4c5352;
 }
form {
  margin:0;
 }
.to-print {
  display:none;
 }
input.text,textarea {
  color:#8e8178;
  font:normal 13px "Times New Roman";
  background:#fff;
  padding:1px 6px;
  border-width:1px;
  border-style:solid;
  border-color:buttonshadow buttonface buttonface buttonshadow;
 }
textarea {
  padding:6px;
 }
input.submit {
  color:#4b5453;
  border-width:1px;
  font:normal 13px "Times New Roman";
  padding:1px 6px;
 }

/* Stuff */
#yuga-link {
  display:block;
  width:1px;
  height:30px;
  float:left;
  padding-left:54px;
  font-size:100px;
  overflow:hidden;
  background:url("/img/yuga-link.gif") no-repeat 0 0;
  margin-right:24px;
 }
#yuga-link-over {
  display:block;
  width:1px;
  height:30px;
  float:left;
  padding-left:54px;
  font-size:100px;
  overflow:hidden;
  background:url("/img/yuga-link-over.gif") no-repeat 0 0;
  margin-right:24px;
 }
#diary-link {
  display:block;
  width:1px;
  height:30px;
  float:left;
  padding-left:101px;
  font-size:100px;
  overflow:hidden;
  background:url("/img/diary-link.gif") no-repeat 0 0;
 }
 #diary-link-over {
  display:block;
  width:1px;
  height:30px;
  float:left;
  padding-left:101px;
  font-size:100px;
  overflow:hidden;
  background:url("/img/diary-link-over.gif") no-repeat 0 0;
 }

/* "Own projects" block */
.proj{
  width: 220px; 
  border-collapse: collapse;
}
.proj img{
  width: 20px;
  height: 19px;
  background: url('/img/proj.gif') no-repeat 0 0;
}
.proj .i1{background-position: 0 0px}
.proj .i2{background-position: 0 -19px}
.proj .i3{background-position: 0 -38px}
.proj .i4{background-position: 0 -57px}
.proj .i5{background-position: 0 -76px}
.proj td{
  font-size: 11px;
  line-height: 10px;
  white-space: nowrap;
  padding: 7px 0 7px 3px;
}
.proj a{
  color: #c76200;
}