@import url(./single.css);

#main { 
  position:relative;
  width:65%; padding:0 34% 2.4em 1%; min-height:28em; _height:28em; 
  }
#vyk {
  position:relative; top:2em;
  display:block; width:64%; padding:.64em .64em .64em 3.2em; margin:auto; 
  background:url(../images/iconMonkeyL.png) .64em .64em no-repeat;
  border:1px solid #7F7C6F;
  }
#vyk em { display:none;
  }

/* COMMENT LIST */

#cmts { width:100%; _width:98.5%; _margin-left:1%;
  }
#cmts .s {
  position:relative;
  display:block; width:76%; padding:0 0 1.6em 24%; margin:0 0 1em; min-height:4em;
  }
* html #cmts .s {
  height:4em; width:62%; padding:0 0 1.6em 38%; 
  }
#cmts p { margin:0 0 .8em;
  } 
#cmts .ref {
  position:absolute; left:0;
  font-size:.86em;
  }
#cmts .meta {
  position:absolute; top:1.8em; left:0;
  display:block; 
  font-size:.78em; line-height:1.3em; color:#AFAB99;
  }
#cmts .meta strong { 
  display:block;
  text-transform:capitalize;
  }
#cmts .ss {
  position:relative;
  padding:1em 0 0; _padding:.88em 0 0; margin:2.4em 0 0; min-height:2.4em; _height:1em;
  border-top:1px dashed #6F6D61;
  }
#cmts .ss .meta { 
  left:-31.5%; _left:-30.7%;
  }
  
/* COMMENT FORM */

a.reply {
  position:absolute; bottom:0; left:0; _bottom:-1.4em;
  display:block; width:100%; _width:161.2%; height:.48em; 
  font-size:.7em; color:#AFAB99;
  border-top:1px solid #6F6D61;
  }
a.reply strong { 
  position:absolute; bottom:-4px; right:2.4%; 
  padding:0 .4em;
  background:#5F5D53;
  cursor:pointer;
  }
a.reply:hover { border-top:2px solid #DFDCD1;
  }
a.reply:hover strong { color:#F2003D;
  }
#rte { 
  padding:.4em 0 .64em; margin:1.6em 0 0; 
  border-top:1px dashed #6F6D61;
  }
#ecmds {
  float:left;
  display:block; width:80%; _width:100%;
  background:#EFEAB3;
  }
#ecmds li {
  float:left;
  list-style:none;
  }
#ecmds a { display:block; width:24px; height:24px;
  }
#ecmds a:hover { background-color:#FFFBCF;
  }
#ifrm {
  clear:both;
  width:80%; _width:100%;
  border:none;
  }
#auth { 
  position:relative; top:-4px; _top:0;
  }
#authnm {
  width:79%; _width:99%; padding:4px 0 4px 4px; margin:0 0 1px;
  font:bold .86em verdana,sans-serif; color:#CFCAB5;
  border:none;
  background:#FFFFD9;
  }
#authnm.on { color:#444;
  }
#authnm.stress { color:#c03;
  }
#eb {
  font:normal .86em verdana,sans-serif; color:#7F7C6F;
  }
#eb #canc {
  font-style:normal; color:#AFAB99;
  cursor:pointer;
  }
#eb #rec {
  padding:4px;
  color:#FFF;
  border:1px outset #FFFFD9;
  background:#AFAB99;
  cursor:pointer;
  }
#eb #rec.busy { 
  color:#FFF; 
  background:#c03;
  border:1px outset #c03;
  }
  
/* SIDEBAR */  

#sb {
  position:absolute; top:0; right:0;
  width:30%; padding:0 0 .4em 2%; _width:48%; _padding-left:1.2em;
  border-left:1px solid #7F7C6F;
  }
#sb h3 {
  margin:0 0 .4em;
  font-size:1em; color:#FFF;
  }
#f {
  width:94%;
  }
#sb .ff, #sb .ft {
  clear:both;
  display:block; width:98%; padding:4px; margin:-4px 0 0; _margin:0;
  border:none;
  background:#FFFFD9;
  font:bold .86em verdana,sans-serif; color:#AFAF99;
  }
#sb .ft { 
  height:15em;
  line-height:1.5em;
  }
#sb .up { color:#444;
  }
#sb .stress { color:#c03;
  }
#sb button {
  margin:.8em 0 0; padding:.4em .48em; _padding:.4em 0;
  border-width:1px;
  font:bold .86em/1em verdana,sans-serif; color:#000;
  background:#AFAB99;
  }
  
/* RICH EDITOR */

#main .off { display:none;
  }
#main a span { display:none;
  }
  
/* SIDE EDITOR */
.blur { opacity:.16; filter:alpha(opacity=16);
  }
#f .cmds {
  float:left; width:98.04%; padding:0 8px 0 0; 
  background:#FFFBC3;
  }
.cmds li { 
  float:left; 
  list-style:none;
  }
.cmds a { display:block; width:24px; height:24px;
  }
.cmds a:hover { background-color:#FFFBCF;
  }
.bold{background:url(../images/iconBold.gif) 50% 50% no-repeat;}
.italic{background:url(../images/iconIta.gif) 50% 50% no-repeat;}
.h2{background:url(../images/iconH2.gif) 50% 50% no-repeat;}
.h3{background:url(../images/iconH3.gif) 50% 50% no-repeat;}
.createlink{background:url(../images/iconLink.gif) 50% 50% no-repeat;}
.unlink{background:url(../images/iconUnlink.gif) 50% 50% no-repeat;}
.insertunorderedlist{background:url(../images/iconUList.gif) 50% 50% no-repeat;}
.insertorderedlist{background:url(../images/iconOList.gif) 50% 50% no-repeat;}
.indent{background:url(../images/iconIndent.gif) 50% 50% no-repeat;}
.removeFormat{background:url(../images/iconClear.gif) 50% 50% no-repeat;}
#fifrm {
  border:none;
  height:18em; width:100.9%; _width:101%; 
  background:#FFFBC3;
  }