body{ font-size:12px; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; margin:0; padding:0; color:#333; background:#eee;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
img{border:none;}
.clear{ clear:both;}

.bg{bottom:0; height:auto; left:0; min-height:100%; min-width:1024px; position:fixed; width:100%;}
#sidebar{ background:#352832; border-left:5px solid #d6c82a; height:100%; position:fixed; width:195px; text-align:right;}
#sidebar a{ color:#9c959b;}
#sidebar h1{ margin:30px 2px 0 0; padding:0; height:80px;}
#sidebar h1 a{ display:block; height:80px; width:80px; background:url(../images/logo2.gif); overflow:hidden; text-indent:100px; float:right;}
#sidebar ul{ list-style:none; margin:10px 15px 0 20px; padding:50px 0 0 0; border-top:1px solid #534851;}
#sidebar ul li{ height:26px; line-height:26px;}
#sidebar ul li a:hover{ color:#fff;}
#sidebar ul li.cv{ margin:25px 0 0 0;}
#sidebar ul li.cv a{ color:#d6c82a;}
#sidebar ul li.home a{ color:#fff;}
#sidebar .copyright{ position:absolute; bottom:5px; line-height:18px; color:#4E424B; font-size:10px; right:15px;}

#wrap{ width:540px; position:fixed; height:100%; left:200px; background:#fff; filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;}

#main{ width:500px; position:absolute; left:200px; padding:10px 20px; font-size:14px;}
#main h2{ margin:0; padding:10px 0; font-size:18px; color:#f17335; font-family:Microsoft YaHei,Arial,Helvetica,sans-serif;}
#main a{ color:#f17335;}

#home,#work,#about,#web20,#contact{ margin-bottom:1000px;}
#home p,#web20 p,#contact p{ line-height:30px;}
.small{ font-size:12px; color:#999;}

#xiangjianfeng{ width:115px; float:left; margin-right:30px; vertical-align:bottom;}

#about p{ margin:0; padding:6px 0; line-height:24px;}
#about ul#skill{ margin:-5px 0 0 0; padding:0; list-style:none;}
#about ul#skill li{ height:26px; line-height:26px; width:250px; float:left;}
#about ul#skill li span{ display:inline-block; width:52px; height:5px; margin:0 15px 2px 0;}
#about ul#skill li span.level2{ background:url(../images/level.gif) no-repeat 0 center;}
#about ul#skill li span.level3{ background:url(../images/level.gif) no-repeat -52px center;}
#about ul#skill li span.level4{ background:url(../images/level.gif) no-repeat -104px center;}
#about ul#skill li span.level5{ background:url(../images/level.gif) no-repeat -156px center;}

#work ul{ margin:0; padding:0; list-style:none;}
#work ul li{ float:left; width:250px; text-align:center; margin-bottom:20px;}