@charset "UTF-8";
/* CSS Document */

body  {
	font-family:Arial, Helvetica, sans-serif;
	
	background: #e8e9e9;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.jiang #container { 
	
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.jiang #header { 
	background: url(images/top-bg.jpg) no-repeat; 
	height: 132px;
	border: 1px solid #b9a459;
	padding: 0 0px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

.jiang #headerLink {
	position:relative;
	left:30%;
	top:65%;
	width: 600px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px;
}
.jiang #mainContent { 
	width: 820px;
	position:relative;
    left:20%;
	margin: 0 0px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 10px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.jiang #mainContentHome {
	width: 820px;
	height: 420px;
	position:relative;
    left:20%;
	margin: 0 0px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 10px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.jiang #footer { 
    width: 820px;
	height: 132px;
	position:relative;
    left:20%;
	padding: 0 10px 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:url(images/bot-bg.jpg); 
} 
.jiang #footDesc {
	position:relative;
	width:300px;
    left:60%;
	top:65%;
	}
	
.jiang #mainPic1 {
	z-index:-2;
	position: absolute;
	width:490px; 
	left:350px;
	top:300px;
	}

.jiang #mainIntro {
	z-index:0;
	position:relative;
	width:420px;    
	top:2%;
	}
	
.jiang #flickrBox {
	height:300px;
	position: absolute;
	width:450px;  
	top:56px;
	left:10px;
	}
	
.jiang #twitter {
	padding-right:30px;
	position: absolute;
	right:0;
	height:500px;
	width:320px;    
	top:30;
	}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}


/* fonts */

a.naviBar:link{font-size:16px;color:#70899f;font-weight:bold;text-decoration:none; padding: 22px 15px 15px 15px;}
a.naviBar:visited{font-size:16px;color:#70899f;font-weight:bold;text-decoration:none;padding: 22px 15px 15px 15px;}
a.naviBar:active{font-size:16px;color:#70899f;font-weight:bold;text-decoration:none;padding: 22px 15px 15px 15px;}
a.naviBar:hover{font-size:16px;color:#fff;font-weight:bold;text-decoration:none; background-color:#4379a7; opacity: 0.3;filter:alpha(opacity=40);padding:22px 15px 15px 15px;}

.SubName{font-family: Georgia, "Times New Roman", Times, serif;font-size:24px;color:#b5c0c9;text-decoration:none; font-weight:bold; margin-top: 1em; margin-bottom: 1em; line-height:25px;}
.SubName2{font-family: Georgia, "Times New Roman", Times, serif;font-size:16px;color:#b5c0c9;text-decoration:none; font-weight:bold; margin-top: 1em; margin-bottom:1.5em; line-height:15px;}

.paperName{font-family: Helvetica;font-size:14px;color:#4f565a;text-decoration:none; font-weight:bold; margin-top: 0.1em; margin-bottom: 0.5em; line-height:14px; margin-left:15px;}
.bestPaper{font-family: Helvetica;font-size:14px;color:#f3703a;text-decoration:none; font-weight:bold; margin-top: 0.1em; margin-bottom: 0.5em; line-height:14px; margin-left:5px;}
.publisher{font-family: Helvetica;font-size:13px;color:#638194;text-decoration:none; margin-top: 0.1em; line-height:9px; margin-left:15px;}
.authorName{font-family:"Times New Roman", Times, serif;font-size:12px;color:#5e5e5e;text-decoration:none; font-weight:normal;margin-top: 0.01em; margin-bottom: 2.5em; line-height:9px; margin-left:15px;}
.authorNameMe{font-family:"Times New Roman", Times, serif;font-size:12px;color:#1b1e1f;text-decoration:none; font-weight:bold;margin-top: 0.01em; margin-bottom: 2.5em; line-height:9px;}

.degree{font-family: Helvetica;font-size:13px;color:#4f565a;text-decoration:none; font-weight:bold;margin-top: 0.1em; line-height:15px; margin-left:15px; margin-bottom: 0.5em; }
.school{font-family: Helvetica;font-size:12px;color:#638194;text-decoration:none; margin-top: 0.1em; margin-bottom: 2em;line-height:12px; margin-left:15px;}
.schoolTime{font-family: Helvetica;font-size:12px;color:#999;text-decoration:none; margin-top: 0.1em; margin-bottom: 1.8em; line-height:8px;}

.selfIntro{font-family:Arial, sans-serif;font-size:13px;color:#444;text-decoration:none; font-weight:100; margin-top: 0.1em; margin-bottom: 1.8em; line-height:18px; margin-left:15px;}
.selfIntroEmp{font-family: Helvetica;font-size:13px;color:#444;text-decoration:none; font-weight:bold; margin-top: 0.1em; margin-bottom: 1.8em; line-height:18px; }

.researchIntro{font-family: Arial, sans-serif;font-size:13px;color:#555;text-decoration:none; font-weight:100; margin-top: 0.1em; margin-bottom: 0.5em; line-height:17px; margin-left:15px;}


.homeIntro{font-family: Helvetica;font-size:13px;color:#444;text-decoration:none; font-weight:100; margin-top: 0.1em; margin-bottom: 1.3em; line-height:15px; margin-left:15px;}

a.selfIntroLink:link{font-size:13px;color:#5b7e9d;font-weight:bold;text-decoration:none; line-height:16px;}
a.selfIntroLink:visited{font-size:13px;color:#5b7e9d;font-weight:bold;text-decoration:none;line-height:16px;}
a.selfIntroLink:active{font-size:13px;color:#5b7e9d;font-weight:bold;text-decoration:none;line-height:16px;}
a.selfIntroLink:hover{font-size:13px;color:#fff;font-weight:bold;text-decoration:none; background-color:#5b7e9d; opacity: 0.6;filter:alpha(opacity=60);line-height:16px;}

.twText{font-family: Helvetica;font-size:13px;color:#959595;text-decoration:none; margin-top: 0.5em; margin-bottom: 3.6em; line-height:19px;}

/*  Flickr */

.jiang #FlickrImages{margin-bottom:1em;float:left;}
.jiang #FlickrImages li{
	list-style:none;
    float:left;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 4px;
	padding-bottom:1px;
    background-color: #d6dadd;
    margin: 0 4px 4px 0;
    }
	
.jiang #FlickrImages img{
	border:0px; 	
	width:90px;
    height:60px;
    }

.jiang #yoxview_flickr images{
	
	
	}
	
.jiang #yoxview_flickr li{
	
	float:left;
	padding-left:6px;
	padding-top:20px;
	margin: 0 4px 4px 0;
	list-style:none;	
	
	
	}



 

<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixRtHdr #sidebar1 { width: 220px; }
</style>
<![endif][if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixRtHdr #sidebar1 { padding-top: 30px; }
.twoColFixRtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */

<![endif]