body    {margin:0 auto; padding:0; text-align:center}
  body    {font-size:12px; font-family:arial, "Lucida Grande", verdana, arial, helvetica, sans-serif}
  body    {background:#79674F none} /*url(/iching/tmp/bg_002.jpg);background-repeat:none y} */
  .bg_color {background:#79674F}
  
  #container  {overflow:auto; position:relative; text-align:center; width:856px; margin:0.42em auto; background:#fff none}
  #box_center {background:#fff NONE; color:#000; text-align:left}  
  
  #container #box_center #box_blurb  .box_inner #hexagram {width:420px; margin:1em auto 2em}  

  fieldset legend          {font-weight:bold}
  dl          {width:80%; margin:2em}
  dt, label    {font-weight:bold}
  dd    {width:80%; margin:0.8em}
  .user_login dd    {width:80%; margin:0.2em 1em; background:#eee; border:solid 1px #ccc}
  .box_green    {background:#cfc; display:inline; color:#000}
  .box_blue      {background:#00FAFA; display:inline; color:#000}

  .bgt    {background:#fff} 
  .fwb    {font-weight:bold}
  .brd0 {background:#fff; border:0}
  .auto_80  {width:80%; margin:0 auto}
  .col-120  p  {float:left; width:140px; font-size:12px; height:1em; border:solid 1px #eee}
  .col-3  p  {float:left; width:25%; font-size:12px; height:1em; border:solid 1px #eee}
  .brnr {background-repeat:no-repeat}
  .brrx {background-repeat: repeat-x} 
  .brrx {background-repeat: repeat-x} .brry {background-repeat: repeat-y}
  

  img   {border:0}
  .iching_single {width:66px; height:26px; border:0; margin:0px; padding:0}
  #imgiching  {float:right; width:60px; height:60px; margin:022px 22px 0 0}
  
  #container #title   {height:88px; text-align:left; margin:0px 0px 0px; background-image:url("/iching/img/title_3.jpg")}
  #container #title h1      { position:relative; top:1.2em; left:3.8em; display:inline;
               font-family:sans-serif,Helvetica; font-size:24px; color:#ff9}
  #container #title_user {background:#eee none; text-align:right; font-size:10px; line-height:20px; border-top:solid 1px #999}             
  .single_line {height:1px; width:100%; border-bottom:solid 1px #79674F}
  .box_inner {margin:-10px 0.6em}
  
  a           {text-decoration:NONE}
  #menu_top   {position:relative; text-align:right; background:#79674F none}
    #menu_top a:link         {background:transparent NONE; color:#9f9}
    #menu_top a:visited  {background:transparent NONE; color:#0f0}
    #menu_top a:hover       {background:#eff NONE;        color:#000}
    #menu_top a:active     {background:transparent NONE; color:#f00;}
    
  #menu_msg   {position:relative;  float:right}
    #menu_msg a:link     {background:transparent NONE; color:#000}
    #menu_msg a:visited  {background:transparent NONE; color:#00f}
    #menu_msg a:hover    {background:#79674F NONE;        color:#afa}
    #menu_msg a:active   {background:transparent NONE; color:#f00;}

  #menu_admin     {text-align:left; margin:4em 0 0 3em; line-height:1.8em }
  #menu_admin   a {text-decoration:underline}
  #menu_admin a:hover  {background:#ccc NONE; color:#00f}
  
  div#centered {height:50%; position:relative; left:2%; top:5%; color:#f00}

/*
  class='p42' style='font-size:14px; font-weight:bold; line-height:2.2em'
*/  
  #box_left   {float:left; width:128px; height:100%; padding:0 0.8em; line-height:2.4em}
  #box_left   a:link        {display:block; border:solid 1px #ccc;  color:#000}
  #box_left   a:visited {display:block; border:solid 1px #eee;  color:#000}
  #box_left   a:active   {display:block; border:solid 1px #bbb;  color:#000}
  #box_left   a:hover     {background:#6C563F none; color:#9f9}
  
  #box_spacer {float:left; padding:0.4em; width:03%  ; height:100%; top:0px}
  
  #box_blurb     {float:left; width:640px; min-height:600px; 
               border-left:solid 1px #79674F;
               color:#000; min-height:520px}
  #blog_title {background:#dff NONE; color:#001; border:0; margin:0; border:solid 1px #eee}
    
  #comment_title    {background:#eee NONE; color:#000 ; border:solid 1px #eee; margin:0; padding:0}
  #box_right  {display:none; position:relative; float:right; width:128px; height:660px}

  /* CLEARFIX TO ENSURE ALL THREE MIDDLE BOXES ARE SAME HEIGHT */ 
  .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
  /* .clearfix {display:inline-block}  GIVES CSS ERROR */
    .clearfix {display:inline-block}
  /* Hides from IE-mac \*/
  * html .clearfix {height:1%}
    .clearfix {display:block}
  /* End hide from IE-mac */

  /* ONLY USED in j_rndbgt(...) */
  .xtop *,  .xbottom * {background:#999 NONE; color:#000; height:02px; overflow:hidden; display:block}
  .xtop,    .xbottom   {background:#ddd NONE; color:#000}     /* BACKGROUND */
  .xtop,    .xbottom   {background:#f00 NONE; color:#000}     /* BACKGROUND */

  /* ONLY USED in j_rndtop(...) */
  .rtop *,  .rbottom *  {background:#ccc NONE; color:#000; height:01px; overflow:hidden; display:block}
  .rtop,    .rbottom    {background:#fff NONE; color:#000}     /* BACKGROUND */
  .r1                 {margin:0 5px}
  .r2                 {margin:0 3px}
  .r3                 {margin:0 2px}
  .r4                 {margin:0 1px; height:02px}

  .bmp  {border:0; margin:0; padding:0}
  .fgr  {background:transparent NONE; color:#f00}
  
  .bga  {background:#eff    NONE; color:#000}   .bgb  {background:#eef    NONE; color:#000}   
  .bge  {background:#eee    NONE; color:#000}   
  .bgg  {background:#efe    NONE; color:#000}   .bgg1 {background:#cfc  NONE; color:#000}   
  .bgw  {background:#fff    NONE; color:#000}   .bgw1 {background:#ffe  NONE; color:#000}
  .bgy  {background:#fffcd9 NONE; color:#000}   .bgy1 {background:#ffc  NONE; color:#000}
  .fgb  {color:#00f}

  .fs10 {font-size:10px} .fs12 {font-size:13px}  .fs14 {font-size:14px}
  .fs16 {font-size:16px} .fs18 {font-size:16px}  .fs20 {font-size:20px}
  .fwb   {font-weight:bold}
  .fll  {float:left}              .flr  {float:right}
  .p42  {padding:0.42em}  
  .bs1  {border:solid 1px #ccc}
  .tac  {text-align:center}       .tal  {text-align:left}   .tar  {text-align:right}


  /******** LoVeHAte ********/
  a: link       {color:#000}
  a: visited  {color:#000}
  a:hover  {color:#afa; background:#6C563F none}
  a: active   {color:#000}
  
  #container #footer 	{clear:both; border-top:solid 1px #666; font-size:12px; height:14px}  
  #container #footer 	div {width:32%; float:left; text-align:left;  background:#fff}  

  a#codeigniter:hover 
        { display:block; position:relative; top:-75px; left:75px
          width:160px; height:73px;
          background:transparent url(/afiles/logo/ci_logo_160x73.gif); color:#000;
        }
  a#ddhost:hover 
        {display:block; position:relative; top:-107px; left:70px
          width:420px; height:109px; 
          background:transparent url(/afiles/logo/ddhosting_420x109.jpg)}

  a#kohsamui:hover 
        { display:block; position:relative; top:-184px; left:124px;
          width:245px; height:184px;
          background:transparent url(/afiles/logo/koh_samui_245x184.jpg); color:#ff0}

  .ti4   {text-indent:-0.4em}

  hr     {border:solid 1px #ccc; width:80%} 

.hhh   {display:none}