* {
margin: 0;
padding: 0;
-moz-transition-property:background-color;
-moz-transition-duration: 0.20s;
-moz-transition-timing-function: linear;
-webkit-transition-property:background-color;
-webkit-transition-duration: 0.20s;
-webkit-transition-timing-function: linear;
-o-transition-property:background-color;
-o-transition-duration: 0.20s;
-o-transition-timing-function: linear;
transition-property:background-color;
transition-duration: 0.20s;
transition-timing-function: linear;
}

body {
font-family: "Fira Sans", "Source Sans Pro", sans-serif;
line-height: 1.2em;
background-color: #f3f3f3;
background-image: url(../images/soft_wallpaper.png);
background-repeat: repeat;
background-attachment: fixed;
background-position: 0px 0px;
color: #444;
height: 100%;
width: auto;
}

#wrapper {
max-width: 900px;
margin: 60px auto 30px;
padding:60px;
background: #fff;
box-shadow: 0 1px 3px rgba(0,0,0,.1);
position: relative;
}

ul {
margin: 5px 0 0 15px;
position: relative;
}

li {
/*margin: 0 0 5px 0;*/
margin-bottom: 5px;
font-size: 15px;
}

p {
text-align: left;
font-size: 15px;
}

.clear {
clear: both;
}

.resources {
margin-left: 5px;
}

a {
color: #f60;
text-decoration: none;
}

a:hover {
text-decoration:underline;
}

#backgroundImg {
}

#sticker {
position: fixed;
top: -60px;
left: 0;
right: 0;
background: #fff;
background: rgba(255,255,255,.98);
height: 55px;
box-shadow: 0 0 3px rgba(0,0,0,.3);
z-index: 1000;
}

#sticker h2.sectionHead {
border: none;
margin: 0 0 0 50px;
line-height: 55px;
padding: 0 0 0 8px;
}

#sticker h2.sectionHead:before {
left: -40px;
top:5px;
}

#sticker #socialIcons {
top:10px;
right: 15px;
}


h2.sectionHead {
clear: both;
margin: 40px -60px 30px;
border-left: 52px solid #f60;
color: #444;
padding:1px 0 0 8px;
position: relative;
}

h2.sectionHead:before {
content: "";
position: absolute;
width: 45px;
height: 45px;
left: -105px;
top: -15px;
}

h2#titleName {
margin: 20px -60px 10px;
font-size: 32px;
}

h3.sectionHead {
clear: both;
margin: 40px -60px 30px;
border-left: 52px solid #fff;
color: #444;
padding:1px 0 0 8px;
position: relative;
}

#bio {
position: relative;
}

#bio #avatar {
float: left;
margin: 0 20px 0 0;
}

#bio h2 {
font-size: 15px;
}

#bio p {
clear: left;
margin:40px auto;
padding:40px 45px;
max-width: 560px;
background: #fbfbfb;
border: 1px solid #f3f3f3;
position: relative;
border-width: 0 1px 1px;
border-color: #fff #f3f3f3 #e8e8e8;
line-height: 1.6em;
}

#bio iframe {
margin: 0 auto;
display: block;
}

#bio p .misc a{
text-decoration: none;
border: none;
background: #444;
color: #fff;
padding: 1px 5px;
margin: -3px 0 0 0;
}

#bio p .misc a:hover {
text-decoration:none;
color: #fff;
background: #f60;
}

#projects p {
text-align: justify;
padding-bottom: 10px;
}


li.s100 {
width: 97.71428571428571%;
}

li.s90 {
width: 87.71428571428571%;
}

li.s80 {
width: 77.71428571428571%;
}

li.s70 {
width: 67.71428571428571%;
}

li.s60 {
width: 57.714285714285715%;
}

li.s50 {
width: 47.714285714285715%;
}

li.s40 {
width: 37.714285714285715%;
}

li.s30 {
width: 27.714285714285715%;
}

li.s20 {
width: 17.714285714285715%;
}

li.s10 {
width: 7.714285714285714%;
}

#honorsAwards li, #presentations li, #service li, #public li {
padding-left: 5px;
margin-bottom: 8px;
list-style-type: square;
}

ul#pubs {
margin: 0;
list-style: none;
}

ul#pubs li {
margin: 0 0 20px 0;
clear: both;
}

ul#pubs li .details {
float: left;
width: 10%;
}

ul#pubs li > p {
float: right;
width: 90%;
margin-bottom: 10px;
}

body.respond {
background: #fff;
}

body.respond #sticker {
display: none;
}

body.respond #wrapper {
margin: 0 auto;
padding:30px;
background: #fff;
box-shadow: none;
}

body.respond h2.sectionHead {
letter-spacing: -1px;
margin: 40px 0 30px -60px;
padding-left: 8px;
}

body.respond h2#titleName {
margin: 20px 0 10px -60px;
}

body.respond p {
text-align: left;
}

body.respond #bio p {
padding:0;
background: #fff;
max-width: 100%;
border: none;
}

body.respond ul#pubs li .details {
float: none;
width: 100%;
}

body.respond ul#pubs li > p {
float: none;
width: 100%;
margin-bottom: 20px;
margin-top: 10px;
}

body.respond #honorsAwards li, body.respond #presentations li, body.respond #service li, body.respond #public li {
list-style: none;
margin-left: -20px;
padding-left: none;
float: none;
width: 100%;
}

body.respond h3{
margin-top: 35px;
}

.me{
text-decoration: underline;
}

.title{
font-weight: bold;
}

.award,.emph{
font-style: italic;
color: #f60;
font-weight: bold;
}

.talk, .notes, .media {
color:#838383;
}

img {
max-width: 85%;
height: auto;
width: auto\9; /* ie8 */
}



/* Beautiful code */
pre {
background: #f4f4f4;
border: 1px solid #ddd;
border-left: 3px solid #f60;
color: #666;
page-break-inside: avoid;
font-family: monospace;
font-size: 15px;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1em 1.5em;
display: block;
word-wrap: break-word;
}

/* Spoiler blocks */

.btn {
padding: 6px 12px;
margin-bottom: 15px;
border: 2px solid #ddd;
}