:root{
    /*Older css syntax snippet chrome 29-33, FF 29:*/
    var-pubColor:rgb(255,255,255);
    var-pubBckColor:rgb(200,200,200);
    var-pubHovColor:rgb(160,160,160);
    /*new/upcoming syntax, FF 31+ Chrome ???*/
    --pubColor:rgb(255,255,255);
    --pubBckColor:rgb(200,200,200);
    --pubHovColor:rgb(160,160,160);
}


body{
    background:rgb(252,252,252);
    /*background:rgb(50,50,50);*/
    font-family:  'Helvetica', 'Gill Sans MT', "Palatino Linotype", "Book Antiqua", Palatino, 'Trebuchet MS', sans-serif;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
}
 
#allContents{
    max-width:1260px;
    min-width:680px;
    margin:10px auto 10px auto;
    padding:10px;
  /*  background:#FFFFFF  repeat scroll top left;*/
    overflow: hidden; position: relative;
  /*  border:solid;
    border-radius: 10px;*/
	border: solid 1px #CFCFCF;
	border-radius: 20px;
	box-shadow: 7px 7px 5px #CFCFCF;
	background: rgb(255,255,255);
}

#short{
    padding:0px 10px 0px 10px;
	border: solid 1px #CFCFCF;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

#header1{
  /*  background-color: #CC0000; */
    background: #CC0000 url(../media/headerBck5.png) right; /*no-repeat scroll top left; */
    overflow: hidden; position: relative;
    color:white;
    border: none; /*solid 1px #CFCFCF;*/
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: 5px 7px 3px #CFCFCF;
	box-shadow: 5px 7px 3px #CFCFCF;

/* -webkit-text-stroke-width: 1px;
  -moz-text-stroke-width: 1px;
  -ms-text-stroke-width: 1px;
  -o-text-stroke-width: 1px;

  -webkit-text-stroke-color: #CC0000;
  -moz-text-stroke-color: #CC0000;
  -ms-text-stroke-color: #CC0000;
  -o-text-stroke-color: #CC0000;*/
}

#name{
    /*font-family: 'GillSans-Light', 'Gill Sans', 'Trebuchet MS', sans-serif;*/
    font-family: 'GillSans-Light', 'Gill Sans', 'Gill Sans MT', "Palatino Linotype", "Book Antiqua", Palatino, 'Trebuchet MS', sans-serif;
    font-size: 3em;
    font-weight: 300;
    padding-top:15px;
    padding-left:2%;
    padding-bottom:0px;
        text-shadow: 2px 2px  #7D053F;  
}

#container{
    max-width:100%;
    min-width:560px;
    overflow: hidden; position: relative;
/*    margin-bottom:-0.8em;*/
}

#meishi{
    width:60%;
    float:left;
    padding-left:2%;
    padding-top:0.2em;

}


.changeLang{ 
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, 'Trebuchet MS', sans-serif;
    text-shadow: none;  
    float:right;
    font-size: 0.25em;
    text-align:right;
    padding-right:2%;
}
.changeLang a{
    color:white;
}
.changeLang img{
    vertical-align:sub;
    border: 3px solid #FFFFFF;
}

.affiliation{ 
   font-family: 'GillSans-Light', 'Gill Sans', 'Gill Sans MT', "Palatino Linotype", "Book Antiqua", Palatino, 'Trebuchet MS', sans-serif;
    width:35%;
    float:right;
    font-size: 0.7em;
    text-align:right;
    padding-right:2%;
}



#menu_bar {
    font-family: 'Helvetica', 'Helvetica', 'Arial', sans-serif;
    font-size: 0.9em; 
    margin-top:-0.8em;
    padding:0.5em 1em 0.3em 1em;
    color:white;
    float:left;
}
#menu_bar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#menu_bar li{
    float:left;
/*    padding:10px;
    text-align:center;
    display:inline;
    margin-right:20px;*/
    text-shadow: 2px 2px  #7D053F;
}

#menu_bar li a{
    display:block;
    color:white;
    text-align:center;
    padding:10px;
    text-decoration:none;
}


#menu_bar li a:hover{
    font-weight: bold;
    text-shadow: 4px 4px   #CC0000; 
/*    background:  #CC0000; 
    text-decoration: none;
    border: 1px solid #CC0000; 
    border-radius: 20px;
    color:var(pubColor);
    color:var(--pubColor);*/
}


.Home li.Home,
.Research li.Research,
.Publications li.Publications,
.Teaching li.Teaching,
.Links li.Links,
.currentPage{
    font-weight: 900;
}


#mainBlock{
    margin-top:1em;
    max-width:100%;
    min-width:640px;
    background-color:white;
    font-size:0.9em;
    text-align:justify;

}

#sectionBio{
    width:95%;
    float:left;
    background-color:white;
    padding-left:10px;
    padding-right:0px;
    text-align:justify;
}

#sectionLeft{
    width:80%;
    float:left;
    background-color:white;
    padding-left:10px;
    padding-right:0px;
    text-align:justify;
}

#sectionRight{
    width:18%;
    float:right;
    background-color:white;
    padding-right:0px;
    padding-left:1%;
    font-size: 0.75em;
    padding-top:30px;
    text-align:left;
}

.rightGallery{
    width:90%;
    padding-top:0px;
    padding-bottom:0px;
        margin-top:-2px;
        margin-bottom:-2px;
}


.twit{
    width:50%;
}
    
    
#footnote{
    width:100%;
    font-size:0.6em;
    text-align:center;
}

.footnoteTable{
    margin-left:auto; 
    margin-right:auto;
}

h2{
    position: relative;
    color:rgb(255, 51, 0);
    /*font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue','Helvetica', 'Arial', sans-serif;*/    
    /*font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;*/
    font-family: "HelveticaNeueUltraLight", "HelveticaNeue-Ultra-Light", "Helvetica Neue Ultra Light",  "Helvetica Neue","HelveticaNeue","GillSans-Light", "Gill Sans", "Gill Sans MT", "Palatino Linotype", "Book Antiqua", "Palatino", "Trebuchet MS", sans-serif;
    font-size: 2.3em;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 100;
    margin-bottom: -0.3em;
    margin-top: 25px;
}
h3{
    position: relative;
    color:rgb(255, 51, 0);
    /*font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue', 'Arial', sans-serif;*/
    /*font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;*/
    font-family: "HelveticaNeueUltraLight", "HelveticaNeue-Ultra-Light", "Helvetica Neue Ultra Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular',"Palatino Linotype", "Book Antiqua", "Palatino", "Arial", serif; font-weight:100; font-stretch:normal;
    font-size: 1.1em;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 100;
    margin-bottom: 0px;
}
h4{
    margin-bottom:0.5em;
    font-family: 'Helvetica-Bold', 'Helvetica', 'Arial', sans-serif;
    font-size: 1.2em;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
}



a{
    color: rgb(10, 62, 190);
    text-decoration: none;
}

a:visited {
    color: rgb(10, 10, 160);
    text-decoration: none;
}

a:hover {
    color: rgb(5, 32, 240);
    /*text-decoration: none;*/
    font-weight:bold;
    letter-spacing: -1.6px;
 
}




.youtubePub{
        color:var(pubColor);
        color:var(--pubColor);
        padding-left:0.5em;
        padding-right:0.5em;
	border-radius: 8px;
	background: var(pubBckColor);
	background: var(--pubBckColor);
	font-weight:400;
	font-size:0.7em;
}

.youtubePub:visited{
	color:var(pubColor);
        color:var(--pubColor);
        padding-left:0.5em;
        padding-right:0.5em;
	border-radius: 8px;
	background: var(pubBckColor);
	background: var(--pubBckColor);
	font-weight:400;
	font-size:0.7em;
}

.youtubePub:active {
	position:relative;
	top:1px;
	color:var(pubColor);
        color:var(--pubColor);
}

.youtubePub:hover {
    background: var(pubHovColor);
    background: var(--pubHovColor);
    text-decoration: none;
    color:var(pubColor);
    color:var(--pubColor);
    font-size:0.8em;
}

.pressLink,
.bibPub{
        color:var(pubColor);
        color:var(--pubColor);
        padding-left:0.5em;
        padding-right:0.5em;
	border-radius: 8px;
	background: var(pubBckColor);
	background: var(--pubBckColor);
	font-weight:400;
	font-size:0.7em;
}

.pressLink:visited,
.bibPub:visited{
        color:var(pubColor);
        color:var(--pubColor);
        padding-left:0.5em;
        padding-right:0.5em;
	border-radius: 8px;
	background: var(pubBckColor);
	background: var(--pubBckColor);
	font-weight:400;
	font-size:0.7em;
}

.pressLink:active,
.bibPub:active {
	position:relative;
	top:1px;
	color:var(pubColor);
        color:var(--pubColor);
}

.pressLink:hover,
.bibPub:hover {
    background: var(pubHovColor);
    background: var(--pubHovColor);
    text-decoration: none;
    color:var(pubColor);
    color:var(--pubColor);
    font-size:0.8em;
}


.vidPub{
        color:var(pubColor);
        color:var(--pubColor);
        padding-left:0.5em;
        padding-right:0.5em;
	border-radius: 8px;
	background: var(pubBckColor);
	background: var(--pubBckColor);
	font-weight:400;
	font-size:0.7em;
}

.vidPub:visited{
        color:var(pubColor);
        color:var(--pubColor);
        padding-left:0.5em;
        padding-right:0.5em;
	border-radius: 8px;
	background: var(pubBckColor);
	background: var(--pubBckColor);
	font-weight:400;
	font-size:0.7em;
}

.vidPub:active {
	position:relative;
	top:1px;
	color:var(pubColor);
        color:var(--pubColor);
}

.vidPub:hover {
    background: var(pubHovColor);
    background: var(--pubHovColor);
    text-decoration: none;
    color:rgb(255,255,255);
    font-size:0.8em;
}

.codePub{
	color:rgb(255,255,255);
        padding-left:0.5em;
        padding-right:0.5em;
	border-radius: 8px;
	background: rgb(200,200,200);
	font-weight:400;
	font-size:0.7em;
}

.codePub:visited{
        color:var(pubColor);
        color:var(--pubColor);
        padding-left:0.5em;
        padding-right:0.5em;
	border-radius: 8px;
	background: var(pubBckColor);
	background: var(--pubBckColor);
	font-weight:400;
	font-size:0.7em;
}

.codePub:active {
	position:relative;
	top:1px;
	color:var(pubColor);
        color:var(--pubColor);
}

.codePub:hover {
    background: var(pubHovColor);
    background: var(--pubHovColor);
    text-decoration: none;
    color:var(pubColor);
    color:var(--pubColor);
    font-size:0.8em;
}

h2 a:hover{
font-weight:bold;
}

ul{
padding-left:5px;
margin-left:5px;
}

ul.subsection li{
    padding-bottom:1em;
    margin-top:-0em;
margin-left:5px;

}

li.publication{
    padding-bottom:0.7em;
    margin-top:-0em;
}

ul.inbody{
    padding-top:0em;
    padding-bottom:0em;
    margin-top:-0em;
margin-left:7px;

}



ul.inbody li{
    padding-top:0.3em;
   margin-top:-0em;
    padding-bottom:0em;
    list-style-type:circle;
}

.videoContainer{
   height:550px;
    vertical-align:top;
}


.title{
font-style: italic;
font-weight:500;
}

#gallery{
    padding-top:2em;
}


 .grow img{
  padding-right:0px;
     padding-left:0px;
         margin-right:-2px;
         margin-left:-2px;
 }
 
 .videos{ 
 padding-right:0px; 
     padding-left:0px; 
         margin-right:-5px; 
         margin-left:-5px; 
 }

/*
.toggle{
   font-size:1em;
   color:rgb(255, 51, 0);
   vertical-align:middle;
   background-color:#FFF0EB;
}
*/

.thumbnailImages{
    border:'0';
    vertical-align:top;
}

.new{
   background-color:#FFEEEE;
}


/*toggle */
.toggleh2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #FFF0EB;
	-webkit-box-shadow:inset 0px 1px 0px 0px #FFF0EB;
	box-shadow:inset 0px 1px 0px 0px #FFF0EB;
	background:-webkit-radial-gradient( #FFB299 10%, #FFF0EB 60%);
	background:-moz-radial-gradient( #FFB299 10%, #FFF0EB 60% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB299', endColorstr='#FFF0EB');
	background-color:#FFF0EB;
	-webkit-border-top-left-radius:39px;
	-moz-border-radius-topleft:39px;
	border-top-left-radius:39px;
	-webkit-border-top-right-radius:39px;
	-moz-border-radius-topright:39px;
	border-top-right-radius:39px;
	-webkit-border-bottom-right-radius:39px;
	-moz-border-radius-bottomright:39px;
	border-bottom-right-radius:39px;
	-webkit-border-bottom-left-radius:39px;
	-moz-border-radius-bottomleft:39px;
	border-bottom-left-radius:39px;
	text-indent:0;
	border:1px solid #FFF0EB;
	display:inline-block;
	color:rgb(255,51,0);
	font-family:Arial;
	font-size:26px;
	font-style:normal;
	height:26px;
	line-height:26px;
	width:26px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #cc9f52;
}
.toggleh2:hover {
	background:-webkit-radial-gradient( #FFB299 60%, #FFF0EB 10%);
	background:-moz-radial-gradient( #FFB299 60%, #FFF0EB 10% );
	border:1px solid #FFB299;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF0EB', endColorstr='#FFB299');
	background-color:#FFB299;
	font-weight:900;
}.toggleh2:active {
	position:relative;
	top:1px;
}

.toggle {
	-moz-box-shadow:inset 0px 1px 0px 0px #FFF0EB;
	-webkit-box-shadow:inset 0px 1px 0px 0px #FFF0EB;
	box-shadow:inset 0px 1px 0px 0px #FFF0EB;
	background:-webkit-radial-gradient( #FFB299 10%, #FFF0EB 60%);
	background:-moz-radial-gradient( #FFB299 10%, #FFF0EB 60% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB299', endColorstr='#FFF0EB');
	background-color:#FFF0EB;
	-webkit-border-top-left-radius:39px;
	-moz-border-radius-topleft:39px;
	border-top-left-radius:39px;
	-webkit-border-top-right-radius:39px;
	-moz-border-radius-topright:39px;
	border-top-right-radius:39px;
	-webkit-border-bottom-right-radius:39px;
	-moz-border-radius-bottomright:39px;
	border-bottom-right-radius:39px;
	-webkit-border-bottom-left-radius:39px;
	-moz-border-radius-bottomleft:39px;
	border-bottom-left-radius:39px;
	text-indent:0;
	border:1px solid #eeb44f;
	display:inline-block;
	color:rgb(255,51,0);
	font-family:Arial;
	font-size:1em;
	font-weight:bold;
	font-style:normal;
	height:1em;
	line-height:1em;
	width:1em;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #cc9f52;
}
.toggle:active {
	position:relative;
	top:1px;
}
.toggleContainer:hover > .toggle {
	background:-webkit-radial-gradient( #FFB299 60%, #FFF0EB 10%);
	background:-moz-radial-gradient( #FFB299 60%, #FFF0EB 10% );
	border:1px solid #FFB299;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF0EB', endColorstr='#FFB299');
	background-color:#FFB299;
	font-weight:900;
}

/* This button was generated using CSSButtonGenerator.com */

 
/* gradient 1 
.gradient1 h2 {
	position: relative;
	margin: 30px 0 50px;
	color: rgb(255, 51, 0);
}
h2 span {
	background: url(media/gradient-white.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 31px;
	bottom: 0.5em;
}
h3 span {
	background: url(media/gradient-full.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 5px;
}
*/