/*set up */
* { margin: 0; padding: 0; }
html, body { background-color:#dbdbdb; color:#909090; font-size:12px; font-family: Arial, "PMingLiu"; height:100%;}
body{ background:url(../images/bg.png) repeat-x center top;}
#wrapper {width:800px; margin:0 auto;min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -75px; padding:0; position:relative;}
.clear {clear:both; height:0; font-size:0; line-height:0}
a {outline:none}

/* font color */
.pk, .pk a {color:#ffebf4;}/* pink */
.wh, .wh a {color:#fff;}	/* white */
.gy, .gy a {color:#b1b1b1;}/* grey */
.dk, .dk a {color:#1b1b1b;}/* dark grey */
.rd, .rd a {color:#b40048;}/* red*/

/* headline*/
h1 {font-size:18px; font-weight:normal;}
h2 {font-size:15px; font-weight:normal;}

/* header*/
#header { float:left; width:100%;}
/* home button*/
.home {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/logo.png",sizingMethod="crop"); height:140px; left:-10px; position:absolute; text-indent:-9999px; top:10px; width:140px;}
html>body .home {background: url(../images/logo.png) no-repeat left top; filter:none}
.home a { display:block; height:100%; width:100%; }

/* Box Me*/
#header .box {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/box_bg_top.png",sizingMethod="crop"); width:675px; float:right; margin-top:9px;}
html>body #header .box {background: url(../images/box_bg_top.png) no-repeat top left;}
#header .box a, #header .box input {position:relative;}
#header .saybox{position:relative; z-index:1; width:675px; margin-bottom:15px}
/* search link on top*/
.uhk { position:absolute; top:8px; left:125px;}
.uhk a {padding:0 5px; text-decoration:none;}
.uhk a:hover { color:#fff; text-decoration:underline;}

/* user on top*/ 
#header .user {
    background: url(../images/icons.png) no-repeat left -480px;
    float: right;
    height: 20px;
    line-height: 20px;
    margin-top: 6px;
    padding: 0 0 0 20px;
}
.user a {padding:0 5px; text-decoration:none; }
.user a:hover { text-decoration:underline;}

/* box on header*/
.input {float:left; margin:20px 0 20px 5px;}
.input input {float:left; border:medium none;}
.input textarea {float:left; border:medium none; border:none;  color:#909090; float:left; font-size:19px; margin-right:5px; padding-top:8px; width:410px; overflow: hidden;}
.input .btn { background:url(../images/img.png) no-repeat -200px -170px; border:none; font-size:24px; font-weight:bold; height:41px; width:102px;cursor:pointer;}
.input .btn:hover {background:url(../images/img.png) no-repeat -200px -210px;}

.detail { float:left; height:30px; line-height:15px; padding:2px 0 0 115px; width:130px;}
.img { float:right;  height:30px; line-height:15px;  padding:2px 15px 0 0;}

.detail, .img {font-size:11px;}

.detail a { background:url(../images/icons.png) no-repeat left -260px; display:block; padding:5px 0 0 20px; }
.detail a span{ background:url(../images/icons.png) no-repeat left -955px; padding:3px 0 0 15px; text-decoration:none}
.detail a:hover span{ background-position: left -975px}
.adv_box .detail a span{ background:url(../images/icons.png) no-repeat left -935px; padding:3px 0 0 15px; }
.adv_box .detail a:hover span{ background-position: left -915px}

.img a { background:url(../images/icons.png) no-repeat left -280px; display:block; padding:5px 0 0 25px; }
.detail a:hover, .img a:hover { text-decoration:none;}


/* me on header */
.me { float:left;width:90px;}
.me .pic, .user .pic {overflow:hidden; width:52px;}
.me .pic a, .user .pic a {border:1px solid #ef86b7; float:left; height:50px; width:50px; overflow:hidden; }
.me .pic img { padding:0; margin:0; border:none;}
.me .txt { font-size:12px; margin-top:3px;}
.me .txt a:hover { text-decoration:none;}

/* main*/
#main { background:url(../images/main_bg.png) repeat-y center top;  float:left;  padding:0 5px;}

.top {background:url(../images/main_top.png) no-repeat left top;  float:left; padding:20px 5px 0px; width:790px;}
.title {font-size:18px; height:38px; line-height:24px; padding-left:15px}
.title span{font-size:11px}
.tagged {padding-left:25px; line-height:20px; float:left; margin-top:-10px; padding-bottom:15px; color:#1B1B1B; font-size:15px}
.tagged span {font-weight:bold}

.optbtn { background:url(../images/img.png) no-repeat -125px top; display:block; font-size:12px; float:right; height:25px; line-height:25px; padding-left:15px; width:95px;}
.optbtn.off a { background: url(../images/icons.png) no-repeat left -514px; padding-left:20px; text-decoration:none;}
.optbtn.on a { background: url(../images/icons.png) no-repeat left -541px; padding-left:20px; text-decoration:none;}
.optbtn a:hover{text-decoration:underline;}

/*
.optbtn_off { background:url(../images/img.png) no-repeat -125px top; display:block; font-size:13px; float:right; height:25px; line-height:25px; padding-left:15px; width:95px;}
.optbtn_off a { background: url(../images/icons.png) no-repeat left -540px; padding-left:20px; text-decoration:none;}
.optbtn_off a:hover{text-decoration:underline;}
*/

.sort { float:left; margin-top:-10px;}
.sort ul {list-style:none; padding-left:25px;}
.sort li {float:left; }
.sort h2, .sort h3 {font-size:100%; font-weight:normal}
.sort .head { background:url(../images/img.png) no-repeat -51px -330px; width:51px; 	}
.sort .body_4{ background:url(../images/img.png) no-repeat -125px -330px; 	 width:49px;}
.sort .body_5{ background:url(../images/img.png) no-repeat -197px -330px;  width:61px;	}
.sort .body_6{ background:url(../images/img.png) no-repeat -281px -330px; width:75px; 	}
.sort .tail{ background:url(../images/img.png) no-repeat -379px -330px;   width:50px;	}
.sort .head:hover, .sort span.head{ background:url(../images/img.png) no-repeat -51px -359px; }
.sort .body_4:hover, .sort span.body_4{ background:url(../images/img.png) no-repeat -125px -359px; 	}
.sort .body_5:hover,  .sort span.body_5{ background:url(../images/img.png) no-repeat -197px -359px;}
.sort .body_6:hover,  .sort span.body_6{ background:url(../images/img.png) no-repeat -281px -359px;}
.sort .tail:hover, .sort span.tail{ background:url(../images/img.png) no-repeat -379px -359px; }
.sort a, .sort span { float:left; height:29px; line-height:29px; padding:0 10px 0 13px; text-decoration:none;}

.entry { float:left; padding:15px 0px 5px 24px; width:755px; cursor:pointer;}

.entry .content  .corner_top_l { background:url(../images/content_top_l.png) no-repeat left top; padding:0 0 5px 10px; height:8px;}
.entry .content  .corner_top_r { background:url(../images/content_top_r.png) no-repeat right top; padding: 0 10px 0 0; height:8px;}
.entry .content  .corner_top_m { background:url(../images/content_top_m.png) repeat-x center center; height:8px; line-height:8px;}
.entry .content  .corner_end_l { background:url(../images/content_end_l.png) no-repeat left bottom; padding:4px 0 0 40px; height:20px;}
.entry .content  .corner_end_r { background:url(../images/content_end_r.png) no-repeat right top; padding: 0 10px 0 0; height:20px;}
.entry .content  .corner_end_m { background:url(../images/content_end_m.png) repeat-x center center; height:20px; line-height:8px;}

.entry .content { background:url(../images/entry_bg.png) repeat-y left top; float:left; width:689px; }
.entry .content img {border:4px solid  #eee;}
.entry .content .thumb { float:left; padding:0 10px 0 0;}

.entry .user { float:left; padding:0px; width:65px; height:80px; }
.entry .user .pic a { background:url(../images/img.png) no-repeat -30px -180px; display:block; height:50px; width:50px; float:left; overflow:hidden;}
.entry .user .id { margin-top:3px; height:26px; overflow:hidden;}
.entry .user a {padding:0; font-size:11px; font-weight:bold;}
.entry .user a img {border:none;}
.entry .user .pic {overflow:hidden; width:52px;}



.user .id {font-size:11px; }
.user .id a, .id a:hover{text-decoration:none;}

.cate { float:left; padding:0 10px 0 15px;  }
.cate span {background:#00a6dc none; float:left; height:30px;  line-height:15px; text-align:center; padding:5px; width:25px; font-size:11px;}
.cate span a {text-decoration:none}
.entry .txt {font-size:16px; padding:0 20px 0 15px; text-align:justify}
.entry .txt a.more { font-size:13px; text-decoration:none;}
.entry .txt a.more:hover { text-decoration:underline;}
.entry .txt p, .entry .txt h1{color:#1b1b1b;}
.entry .time { font-size:12px; margin-top:5px; line-height:20px; height:20px; display:block;}
.entry .time div {float:left}
.entry .area { background:url(../images/icons.png) no-repeat left -1094px; height:20px; line-height:20px; margin-left:5px; padding-left:22px;}
.entry .area a {text-decoration:none;}

.reply {font-size:12px; float:right;  margin:0 13px 0 0;}
.reply a {text-decoration:none;}
.reply a { background:url(../images/img.png) no-repeat -130px -80px; float:left; line-height:24px; width:38px; padding-left:7px; height:25px;}
.reply a:hover { background:url(../images/img.png) no-repeat -180px -80px;}

.meta {font-size:11px; float:left; padding-left:120px; margin-top:-5px}

.meta .view { background:url(../images/icons.png) no-repeat left -20px; color:#909090;  display:block; float:left; height:20px; line-height:20px;  padding-left:20px; position:relative; text-decoration:none;}
.meta .like { background:url(../images/icons.png) no-repeat left -40px; color:#909090;  display:block; float:left; height:20px; line-height:20px;  padding-left:20px; position:relative; text-decoration:none;}
.meta .comment { background:url(../images/icons.png) no-repeat left -60px; color:#909090;  display:block; float:left; height:20px; line-height:20px;  padding-left:20px; position:relative; text-decoration:none;}
.meta a {padding-right:10px}

.meta a.view span.label { visibility:hidden; white-space:nowrap; position:absolute; top:20px; left:2px; width:45px; height:15px; line-height:15px;}
.meta a.like span.label {visibility:hidden; white-space:nowrap; position:absolute; top:20px; left:5px; width:45px; height:15px; line-height:15px;}
.meta a.comment span.label {visibility:hidden; white-space:nowrap; position:absolute; top:20px; left:3px; width:45px; height:15px; line-height:15px;}
.meta a.on span.label { visibility:visible}

.meta span.label {background:url(../images/img.png) no-repeat -370px -128px; padding:7px 5px 0px; }
.meta span.num {font-size:11px; font-weight:bold; height:20px; line-height:20px;}

.tag {font-size:11px; float:right; background:url(../images/icons.png) no-repeat left -80px; padding:0 5px 0 20px; height:20px; line-height:20px; margin-top:-5px;}
.tag a { color:#909090; text-decoration:none;}
.tag a:hover { color:#b40048; text-decoration:underline;}

.paging {width:800px; margin:0 auto; float:left; text-align:center; padding:20px 0;}
.paging a{ font:11px; padding:2px 5px; text-decoration:none; }
.paging a:hover { color:#fff; background:#b40048 none;}
.paging .on {font-weight:bold; padding:0 5px;}

.bottom { background: url(../images/main_bottom.png) no-repeat center top; width:800px; height:20px; float:left; line-height:20px;}

#footer { float:left; font-size:11px; padding:25px 0; text-align:center; width:800px; line-height:18px;}
#footer a { color:#6f6f6f; text-decoration:none; margin:0 3px;}
#footer a:hover { color:#b40048;}

a.taguhk {position:absolute;right:0px;top:220px;background:url(../images/tag_uhk_forum.png) no-repeat; width:36px; height:152px; z-index:2}
a.taguhk:hover {background-position: -36px top; width:46px}

.error, .error_list {
    color: red;
    font-size: 1em;
    font-weight: bold;
    line-height: 14px;
    padding-bottom: 10px;
} 

.error.profile {
    width: 500px;
}