html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	line-height: 150%;
	background-color: #BFDFFF;
	scrollbar-track-color: #BFDFFF;
	scrollbar-shadow-color: #D8E0FE;
	scrollbar-highlight-color: #D8E0FE;
	scrollbar-face-color: #BFDFFF;
	scrollbar-darkshadow-color: #BFDFFF;
	scrollbar-3dlight-color: #BFDFFF;
	scrollbar-arrow-color: #D8E0FE;
	scrollbar-base-color: #BFDFFF;
	font-family: "Verdana";
	color: #330000;
	background-image: url(http://caffee.huming.com/cafeblog/user/skin/caffee1/skinfiles/blogbg4.gif);

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

.right {
	text-align: right;
	font-family: "Verdana";
	font-size: 16px;
	color: #330000;
	font-weight: bold;


}
.center {
	text-align: center;
	font-family: "Verdana";
	border: none;
}

#main {
	width: 740px;
	margin: 0px auto;
	height: 100%;
	font-family: "Verdana";
	color: #330000;
	border: none;


}
  .top * {
	color: #315084;
	font-family: "Verdana";
	font-size: 14px;
}
  .top .desc {
	font-size: 11px;
	color: #315084;
}
  .body {
	width:100%;
	margin: 10px 0px;
	height: 100%;
	padding: 0px;
	border-collapse: collapse;
	font-family: "Verdana";
	border: none;

}
  .body_left {
	width: 28%;
	padding: 10px;
	background-color: #2174B1;
	vertical-align: top;
	color: #BFDFFF;
	font-family: "Verdana";
	margin: 0px;
	border-top: thin none #CCCCCC;
	border-right: thin inset #CCCCCC;
	border-bottom: thin none #CCCCCC;
	border-left: thin none #CCCCCC;



}
  .body_left ul, ol {
	margin: 0px 0px 0px 17px;
	padding: 0px;
	list-style-type: circle;
	font-family: "Verdana";
}
  .body_left ol ul {
	margin: 0px;
	list-style-type: none;
	font-family: "Verdana";
	color: #BFDFFF;
}
  .body_left ul li {
	margin: 0px;
	padding: 1px;
	font-family: "Verdana";
	color: #BFDFFF;
}
  .body_left a {
	color: #BFDFFF;
	font-family: "Verdana";
}
  .body_left a:link {
	font-family: "Verdana";
	color: #BFDFFF;
}
  .body_left a:visited { }
  .body_left a:hover {
	font-family: "Verdana";
	color: #CCCCCC;
}
  .body_left a:active { }
  .body_left hr { height: 1px; border: 1px dashed #CCCCCC; }
  .body_left .recent_list {
	margin: 10px 0px 15px 0px;
	font-family: "Verdana";
}
  .body_right {
	width: 72%;
	padding: 10px 15px;
	background-color: #FFF;
	vertical-align: top;
	font-family: "Verdana";
	color: #330000;
	background-image: url(http://caffee.huming.com/cafeblog/user/skin/caffee1/skinfiles/blogbg2.gif);
}
  .body_right a {
	font-family: "Verdana";
}
  .body_right a:link {
	color: #253D63;
	font-family: "Verdana";
}
  .body_right a:visited {
	color: #253D63;
}
  .body_right a:hover { color: #330000; }
  .body_right a:active { }
    .title {
	width: 97%;
	margin: 15px 0px 12px;
	padding: 1px 5px;
	height: 10px;
	color: #D8E0FE;
	background-color: #86BFF2;
	font-family: "Verdana";
}
    .title img {
	float: left;
	margin: 0px 5px 0px 0px;
}
    .info {
	text-align: right;
	font-size: 9.5px;
	font-family: "Verdana";
}
    .info a {
	font-size: 9.5px;
	font-family: "Verdana";
}
    .content { clear: both; }
    .logactlink { margin: 10px 0px 5px 0px; text-align: right; }
    .trackback { margin: 2px; padding: 5px 10px; background-color: #EEF3F9; }
    .trackback ul { margin: 0px 2px 0px 20px; list-style-type: none; }
    .reply {
	margin: 2px;
	border-collapse: collapse;
	font-family: "Verdana";
}
    .reply td {
	vertical-align: top;
	font-family: "Verdana";
}
    .reply .content {
	width: 100%;
	padding: 10px;
	font-family: "Verdana";
	border-top: 1px dashed #CCCCCC;
	border-right: 1px none #CCCCCC;
	border-bottom: 1px none #CCCCCC;
	border-left: 1px none #CCCCCC;

}
    .reply ul { margin: 0px 2px 0px 20px; list-style-type: none; }
    .reply textarea {
	width: 95%;
	height: 80px;
	border: 1px solid #2581C5;
	font-family: "Verdana";
}
    .reply input {
	margin: 0px 5px 2px 0px;
	border: 1px solid #2581C5;
	font-family: "Verdana";
}
    .reply .guestinput {
	background-color: #BADAF8;
	width: 100%;
	padding: 10px;
	font-family: "Verdana";
	border: 1px solid #0560A9;
}
    .reply .check_box { border: 0px; margin: 0px; padding: 0px; }
    .reply .button {
	border: 1px solid #2581C5;
	color: #2581C5;
	font-size: 9.5px;
	font-family: "Verdana";
	background-color: #FFFFFF;

}
  .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;
	border: none;
}
  .pagebar a {
	font-size: 9.5px;
	font-family: "Verdana";
}
  .album_frame { margin: 0px auto; padding: 0px; border: 0px; text-align: left; border-collapse: collapse; }
  .album_frame .photo { padding: 5px; color: #330000; }
  .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: #BADAF8; }
  .litepwint .line2 { background-color: #BADAF8; }
  .litepwint .key_input {
	width: 200px;
	padding: 0px;
	background-color: #BADAF8;
	font-family: "Verdana";
}
  .litepwint .key_input img { margin: 3px 0px 0px 5px; }
  .litepwint .key_input input {
	height: 12px;
	margin: 0px 0px 3px 5px;
	border: 1px solid #2581C5;

}
  .litepwint .key_input .button {
	border: 1px solid #2581C5;
	color: #2581C5;
	margin:0px 0px 3px 2px;
	height: 16px;
	font-size: 9px;
	background-color: #FFFFFF;
}
  .lite_form textarea {
	width: 90%;
	height: 50px;
	border: 1px solid #2581C5;
	font-family: "Verdana";
}
  .lite_form .button { border: 1px solid #2581C5; background-color: #FFFFFF; color: #2581C5; font-size: 9.5px; }
  .links, .linkclass {
	clear: both;
	list-style-type: none;
	font-family: "Verdana";
}
  .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: #330000;
	font-family: "Verdana";
	font-size: 9px;

}
  .footer * {
	color: #330000;
	font-family: "Verdana";
}
  #theMenu { background-color: #BFDFFF; }

/* ================== Calendar Global ID = blogCalendar ==== */
  #blogCalendar, #blogCalendar td { color: #BFDFFF; text-align: center; }
  #blogCalendar td {
	width: 20px;
	color: #BFDFFF;
}
  #blogCalendar a { color: #BFDFFF;  }
  #blogCalendar a:link {
	color: #FFF;
	font-weight: normal;
}
  #blogCalendar a:visited {color: #FFF; }
  #blogCalendar a:hover { color: #CCCCCC; }
  #blogCalendar a:active {color: #FFF; }
   .index_today { border: 1px solid #BFDFFF; }

/* ================== 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 #2581C5; }
  .ubb_codebox input { width: 312px; height: 16px; border: 1px solid #2581C5; background-color: #BADAF8; color: #330000; }

  /* ---------- [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; }