/* Reset Style */
html{color:#000;background-color:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
p,th,td{line-height:150%;}
body{font-size:12px;font-weight:normal;font-family:Georgia, Arial, Helvetica, sans-serif;}
a:link,a:visited,#side a,.download a{color:#000;text-decoration:none;}
a:hover,#side a:hover{color:#390;text-decoration:underline;}

/* Wrapper */
#yao{margin:0 auto;width:960px;}
#yao,#hd,#bd,#ft,#navigation,.md,.experience,.project,.book,.about,.tool,.resource,.article,.download{position:relative;z-index:1;overflow:hidden;clear:both;}
#bd{margin-top:10px;}

/* Header */
#navigation{position:absolute;z-index:2;top:0;right:10px;height:50px;line-height:60px;}
#navigation li{float:left;padding:0 10px;font-size:14px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
#hd h1{font-size:22px;height:60px;line-height:60px;padding-left:10px;}
#hd h1,h1 em{font-weight:bold;}
#hd h1 em{color:#930;}
#hd blockquote{padding:0 60px;overflow:hidden;height:100px;overflow:hidden;background:#857F69 url(../img/bg.jpg);font-size:18px;font-weight:bold;line-height:120px;text-align:right;color:#FFF;border-bottom:3px solid #999;}

/* Blocks */
#content{float:left;width:759px;border-right:1px solid #999;overflow:hidden;}
#side{float:right;width:200px;padding-top:11px;overflow:hidden;}

/* Modules */
.md{margin:10px auto;}
.md h2{padding-left:15px;line-height:30px;letter-spacing:1px;clear:both;}
.md h2,.md h3,.md h4{font-size:14px;font-weight:bold;}
.md h2 em,h1#my-resume em{font-style:italic;font-size:12px;padding-left:10px;color:#999;}
.md p,.post p{font-size:14px;text-indent:28px;padding:10px 15px;line-height:170%;}
.md p.img,.md p.image,.post p.image{text-align:center;text-indent:0;}
.md a{text-decoration:underline;color:#390;}
.md a:hover{text-decoration:none;}
.md ul{float:left;padding:10px 0;width:96%;margin-left:2%;display:inline;}
.md li{float:left;width:50%;line-height:170%;font-size:14px;}

/* Resume */
h1#my-resume{font-size:14px;font-weight:bold;line-height:56px;height:51px;overflow:hidden;padding:0 10px;border-bottom:1px solid #999;}
img#photo{position:absolute;z-index:2;top:7px;right:12px;width:150px;height:200px;padding:2px;border:1px solid #999;}
#career-objective li,ul.nav li{width:100%;}

.experience,.project{margin:10px auto 0 auto;width:96%;border-top:1px solid #999;}
ul.nav{float:left;width:179px;margin:0;}
ul.nav li{width:167px;border-bottom:1px dashed #999;padding:6px;}
ul.nav li.cover{text-align:center;}
ul.nav li a,.experience strong{font-weight:bold;}

.post{float:right;width:530px;overflow:hidden;}
.post h1{font-size:20px;}
.post h1,.post h2,.post h3,.post strong{font-weight:bold;}
.post h2,.post h3{font-size:14px;}
.post h1,.post h2,.post h3{height:50px;line-height:56px;overflow:hidden;}
.post p{width:100%;padding-left:0;padding-right:0;text-indent:0;}
.post pre{line-height:120%;font-family:Fixedsys, serif;overflow:auto;}

.project{padding-bottom:10px;}
.project img{float:left;margin-top:20px;margin-left:10px;display:inline;width:165px;height:165px;padding:2px;border:1px solid #999;}
.project a:hover img{border-color:#930;}
.project p{padding:5px 0;}

.edu,.book,.about,.tool,.resource,.article,.download{margin:10px auto;width:96%;}
.edu td{line-height:170%;font-size:14px;text-align:center;padding:6px;}
.edu thead td{font-weight:bold;background-color:#F3F3F3;border-bottom:1px solid #999;}
.edu tbody td{border-bottom:1px dashed #999;}

/* Books */
#books h1{font-size:18px;line-height:50px;font-weight:bold;}
#books .post h2{padding-left:0;}
#books ul.nav li{font-size:12px;}
#books p{text-indent:28px;}
.book{border-top:1px solid #999;}
ul.items li{width:100%;margin:6px 0;font-size:12px;color:#676767;}

/* About */
#about h2,#tools h2,#resource-links h2,#downloads h2{border-bottom:1px solid #999;margin-bottom:30px;padding-bottom:10px;}
img#yaohaixiao{float:right;margin:10px;display:inline;padding:2px;border:1px solid #999;}

/* Tools */
.tool h1{font-size:20px;font-weight:bold;}
.articlemeta{margin:15px auto;width:96%;line-height:14px;font-size:12px;border-bottom:1px dashed #999;border-top:1px dashed #999;text-align:center;padding:8px 0;}
.tool blockquote{margin:15px auto;width:80%;line-height:160%;font-size:14px;padding:5px;clear:both;border-bottom:1px solid #999;border-top:1px solid #999;}

/* Resource */
.resource h1{font-size:18px;}
#downloads h1 a,.resource li a{color:#000;}

/* Article */
.article p a{color:#390;}
.article pre{line-height:120%;font-size:12px;font-family:Courier New, serif;color:#545454;overflow:auto;}
.article textarea{width:100%;height:500px;font-size:14px;}

/* Downloads */
.download a{text-decoration:none;}
.download a:hover{text-decoration:underline;}

/* Link Color */
a.current:link,a.current:visited,a.current:hover{color:#390;text-decoration:underline;}
a.current:hover{text-decoration:none;}

/* Side */
#side .md{margin:0 auto;width:180px;}
#side h2{border-bottom:1px solid #999;line-height:40px;height:40px;padding-left:10px;}
#side li{width:100%;text-indent:15px;background:#FFF url(../img/icons.gif) 3px -138px no-repeat;}

/* Footer */
#ft{margin-top:10px;padding:15px 0;border-top:1px solid #999;}
#ft p{text-align:center;line-height:30px;}
#ft a{font-weight:bold;}


/* Print Style */
@media print{
	body{font-size:9pt;}
    #yao,#content{width:100%;}
    #content{float:none;border:0;}
    blockquote,#side,#ft{display:none;}
    .md h2,.md h3,.md p,.md li{font-size:11pt;}
    ul.nav{width:32%;}
    .post{width:66%;}
	#career-objective{page-break-after:always;}
}