@charset "utf-8";
/* KISSY CSS Reset */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}body,button,input,select,textarea{font:12px/1.5 arial;}h1,h2,h3,h4,h5,h6{font-size:100%;}address,cite,dfn,em,var{font-style:normal;}code,kbd,pre,samp{font-family:courier new,courier,monospace;}small{font-size:12px;}ul,ol{list-style:none;}a{text-decoration:none;}a:hover{text-decoration:none; color:#0077f6;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}legend{color:#000;}fieldset,img{border:0;}button,input,select,textarea{font-size:100%;}table{border-collapse:collapse;border-spacing:0;}

body{background:#fff; border-top:#3f444a solid 8px;}
#wrap{width:960px; margin:0 auto;}
#header{position:relative; height:115px;}
.site-name{background:url(../images/logo.gif) 0 0 no-repeat; display:block; width:353px; height:102px; text-indent:-999em; overflow:hidden; position:relative; top:15px;}
#main-nav ul{background:url(../images/4px-l-r.gif) #3f444a 0 100% no-repeat; position:absolute; top:0; right:0; padding:0 6px;}
#main-nav li{background:#3f444a; float:left; color:#fff; height:30px;}
#main-nav li a{color:#fff; font-size:13px; padding:8px 7px 12px;}
#main-nav li a:hover{background:#39f; text-decoration:none;}

#news-hn{float:right; width:304px; margin-right:10px;}
#news-hn h2{background:url(../images/news-ht.jpg) 5px 0 no-repeat; text-indent:-999em; height:13px; line-height:1;}
#news-hn .more{float:right; margin:-20px 9px 0 0;}
#news-hn ul{background:url(../images/new-bg.jpg) 0 0 no-repeat; height:291px; margin-top:6px; padding:8px 15px;}
#news-hn li{padding:5px 0; border-bottom:#ccc dashed 1px;}
#news-hn a{color:#000;}
#news-hn a:hover{text-decoration:none; color:#0077f6;}
#slide{background:url(../images/slide-bg.png) 0 0 no-repeat; float:left; width:598px; height:307px; margin:19px 0 0 9px; padding:11px;}

#home-intro{clear:both;}
#home-intro h2{background:url(../images/intro-ht.png) 0 0 no-repeat; margin:0 15px 4px; text-indent:-999em; height:14px; line-height:1;}
#home-intro p{background:url(../images/line-h.png) 0 0 no-repeat; margin:0 15px; padding:6px 0; text-align:justify; text-indent:2em; color:#222;}

#main-content{float:left; width:660px; padding:0 10px 25px;}
#main-content .position{background:url(../images/home-icon.gif) 0 50% no-repeat; padding-left:20px; color:#222;}
#main-content .position a{color:#222;}
.post-title{text-align:center; font-size:18px; color:#444; padding:3px 0 2px;}
.post-info{text-align:center; font-style:italic; border-bottom:#ccc solid 1px; padding:0 0 5px; margin-bottom:12px;}
.post-info span{padding:0 3px;}
.post-content{padding:5px; text-align:justify; color:#222;}
.post-content p{padding:8px 0 4px;}

#sidebar{float:right; width:250px;}
.side-item{width:230px; margin-bottom:10px;}
.side-item h3{background:url(../images/side-it-bg.png) 0 0 no-repeat; height:21px; color:#3E434A; font-size:13px; font-weight:bold; line-height:1; padding:7px 0 0 9px;}
.side-item ul{border:#bcbcbc solid 1px; border-top:none;}
.side-item ul li{border-bottom:#ddd solid 1px;}
.side-item ul a{display:block; padding:5px 8px 4px; color:#555;}
.side-item ul a:hover{background:#eee; color:#0077f6; text-decoration:none;}

.listbox{padding:5px;}
.listbox li{padding:5px; border-bottom:#ccc solid 1px;}
.listbox h2 a,.listbox h2 a b{color:#0767cd; font-size:17px; font-weight:normal;}
.listbox h2 a:hover,.listbox h2 a:hover b{color:#0980ff;}
.listbox .info{font-style:italic;}
.listbox .desc{color:#555; text-align:justify;}
.pagelist{text-align:right; padding:0 5px 28px 0; color:#333;}
.pagelist li{display:inline;}
.pagelist a{color:#333;}

#footer{background:#3f444a; border-top:#b2b2b2 solid 9px; margin-top:3em; text-align:center; color:#fff;}
.n-links{padding-top:10px;}
.n-links li{display:inline; padding:0 5px;}
#footer P{clear:both; margin-top:0.5em;}
#footer a{color:#fff;}

html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 110px;} 
#footer {position: relative; margin-top: -110px; height:110px; clear:both;} 
/* CLEAR FIX*/
.clearfix:after {content: ".";display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*__________20100320 home WorkShop_______*/
#main{position:relative;}
#home-workshop{position:absolute; top:-76px; right:9px;}