html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	line-height: 150%;
	background-attachment: fixed;
	background-image: url(skinfiles/1.jpg);
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: left top;



           }
* { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11.5px; }
img { border: 0px; }
form { margin: 2px; }
textarea { padding: 5px; word-wrap: break-word; word-break: break-all; }
a { text-decoration: none; }
h1 { margin: 10px 0px 0px 0px; padding: 0px; font-size: 14.5px; }
h2 { margin: 2px 0px 0px 0px; padding: 0px; font-size: 12.5px; float: left; }

.right { text-align: right; }
.center { text-align: center; }

#main {width: 803px; 
	padding-top: 63px;
	padding-left: 10px; height: 100%; }
  .top * { color: #FFF; }
  .top .desc { font-size: 12px; }
  .body { width:803px; margin: 0px; height:100%; padding: 0px; border:5px solid #000000; 	margin-left: 0px; background-color:#000000;}
  .body_left { width: 217px;  background-color:#ffffff;vertical-align: top; color: #333333; padding: 5px 5px}
  .body_left ul, ol { margin: 0px 0px 0px 25px; padding: 0px; list-style-type: square; }
  .body_left ol ul { margin: 0px; list-style-type: none; }
  .body_left ul li { margin: 0px; padding: 1px; }
  .body_left a { color: #333333; }
  .body_left a:link { }
  .body_left a:visited { }
  .body_left a:hover { text-decoration: underline; }
  .body_left a:active { }
  .body_left hr { height: 1px; border: 1px solid #333333; }
  .body_left .recent_list { margin: 10px 0px 15px 0px; }
  .body_right { width: 576px; padding: 5px 5px; background-color: #Ffffff; vertical-align: top; }
  .body_right a { }
  .body_right a:link { color: #333333; }
  .body_right a:visited { color: #333333; }
  .body_right a:hover { text-decoration: underline; color: #000000; }
  .body_right a:active { }
    .title { width: 97%; margin: 2px 0px 10px 0px; padding: 1px 5px; height: 10px; color: #333333; background-color: #F0F0F0; }
    .title img { float: left; margin: 0px 5px 0px 0px; }
    .info { text-align: right; font-size: 12px; }
    .info a { 	font-family: "PMingLiU";font-size: 11px; }
    .content { clear: both; }
    .logactlink { margin: 10px 0px 5px 0px; text-align: right; }
    .trackback { margin: 2px; padding: 5px 10px; background-color: #ffffff; }
    .trackback ul { margin: 0px 2px 0px 20px; list-style-type: none; }
    .reply { margin: 2px; border-collapse: collapse;}
    .reply td { vertical-align: top; }
    .reply .content { width: 100%; background-color: #ffffff; padding: 10px; }
    .reply ul { margin: 0px 2px 0px 20px; list-style-type: none; }
    .reply textarea { width: 95%; height: 80px; border: 1px solid #000000; }
    .reply input { margin: 0px 5px 2px 0px; border: 1px solid #000000; }
    .reply .guestinput { background-color: #ffffff; width: 100%; padding: 10px; }
    .reply .check_box { border: 0px; margin: 0px; padding: 0px; }
    .reply .button { border: 1px solid #FFF; background-color: #ffffff; color: #000000; font-size: 9.5px; }
  .album_index { margin: 5px 4px; float: left; }
  .album_index table, td { margin: 0px; padding: 0px; border-collapse: collapse; }
  .albumList { clear: both; padding-top: 15px; border-bottom: 1px dashed #ccc; }
    .albumbg { width: 118px; height: 127px; background-image: url('albmbg.gif'); text-align: center; }
    .albumbg img { margin: 0px; padding: 0px; }
  .list_article { width: 100%; border : 0px; }
  .list_article th, td { text-align: left; }
  .pagebar { margin: 20px 0px 10px 0px; text-align: center; clear: both; }
  .pagebar a { font-size: 9.5px; }
  .album_frame { margin: 0px auto; padding: 0px; border: 0px; text-align: left; border-collapse: collapse; }
  .album_frame .photo { padding: 5px; background-color: #FFF; color: #000; }
  .album_frame .line_t { background-image: url('frame/10_t.gif'); }
  .album_frame .line_l { background-image: url('frame/10_l.gif'); }
  .album_frame .line_r { background-image: url('frame/10_r.gif'); }
  .album_frame .line_b { background-image: url('frame/10_b.gif'); }
  .album_frame .corner img { width: 8px; height: 8px; }
  .litepwint { margin: 0px auto; padding: 0px; border: 0px; text-align: left; border-collapse: collapse; }
  .litepwint td { width: 1px; height: 1px; padding: 0px; }
  .litepwint .line { background-color: #ffffff; }
  .litepwint .line2 { background-color: #ffffff; }
  .litepwint .key_input { width: 195px; padding: 0px; background-color: #f0f0f0; }
  .litepwint .key_input img { margin: 3px 0px 0px 5px; }
  .litepwint .key_input input { height: 12px; margin: 0px 0px 3px 5px; border: 1px solid #333333; }
  .litepwint .key_input .button { border: 0px; color: #333333; margin:0px 0px 3px 2px; height: 16px; font-size: 9px; background-color: #f0f0f0; }
  .lite_form textarea { width: 90%; height: 50px; border: 1px solid #333333; }
  .lite_form .button { border: 1px solid #FFF; background-color: #f0f0f0; color: #333333; font-size: 11px;	font-family: "PMingLiU"; }
  .links, .linkclass { clear: both; list-style-type: none; }
  .links li { float: left; margin: 3px; padding: 5px; }
  .linkclass li { float: left; padding: 0px 5px; }
  .footer { text-align: right; margin: 0px 0px 20px 0px;color: #666666;}
  .footer * { color: #666666; }
  #theMenu { background-color: #f0f0f0f0; }

/* ================== Calendar Global ID = blogCalendar ==== */
  #blogCalendar, #blogCalendar td { color: #333333; text-align: center; }
  #blogCalendar td { width: 20px; }
  #blogCalendar a { color: #333333;  }
  #blogCalendar a:link {color: #000000; }
  #blogCalendar a:visited {color: #000000; }
  #blogCalendar a:hover { color: #000000; text-decoration: underline; }
  #blogCalendar a:active {color: #000000; }
   .index_today { border: 1px solid #333333; }

/* ================== UBB Global CLASS ===================== */
  /* ---------- [code][/code] ------------------
    <div class="ubb_codebox">
      <textarea>
        content... ...
      </textarea><br />
      <input type="button"' + codeAction + ' value="RUN CODE" />
    </div> */
  .ubb_codebox { text-align: center; margin: 5px; }
  .ubb_codebox textarea { width: 300px; height: 150px; border: 1px solid #333333; }
  .ubb_codebox input { width: 312px; height: 16px; border: 1px solid #333333; background-color: #f0f0f0; color: #333333; }

  /* ---------- [quote][/quote] ------------------
    <blockquote class="ubb_quotebox">
      <fieldset>
        <legend>
          title... ...
        </legend>
          content... ...
      </fieldset>
    </blockquote> */
  .ubb_quotebox {margin: 5px; }
  .ubb_quotebox fieldset { width: 300px; padding: 10px; }

  /* ---------- [float=left][/float] ------------------
    <div class="ubb_floatbox" style="float: left">
      content... ...
    </div> */
  .ubb_floatbox { margin: 5px; padding: 10px; }

  /* ---------- [textbox=red][/textbox] ------------------
    <div class="ubb_textbox" style="background-color: red">
      content... ...
    </div> */
  .ubb_textbox { margin: 5px; padding: 10px; }

  /* ---------- [ul][/ul] [ol][/ol] ------------------
    <ul class="ubb_listbox">
      <li>
        contents... ...
      </li>
    </ul> */
  .ubb_listbox { margin: 2px 0px 2px 30px; padding: 0px; }
  .ubb_listbox li { padding: 2px 0px; }

  /* ---------- [media][/media] ------------------
    <div class="ubb_mediabox">
      <img src="media file icon" alt="" border="0" />
        <a href="javascript:void(0)" onclick="ubb.showMedia(this, strURL, width, height)">media file url</a><br />
        <span>
          content... ...
        </span>
      </div> */
  .ubb_mediabox div { width: 300px; }

  /* ------------- KEYWORD -----------------------
    <a class="ubb_keyword" href="" target="_blank" title="">content... ...</a>
  */
  .ubb_keyword { text-decoration: underline; }