@charset "UTF-8";html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;
}
table{
border-collapse:separate;border-spacing:0;margin-bottom:1.4em;}caption,th,td{text-align:left;font-weight:400;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:;}a img{border:0 none;}html,body{height:100%;width:100%}body{background-color:white;}.wrapper{display:table;width:100%;height:100%;margin:auto;}.cell{display:table-cell;width:100%;vertical-align:middle;position:relative;}.page{max-width:600px;width:92%;margin-left:auto;margin-right:auto;position:relative}.page-project{max-width:100%;width:92%;margin-left:auto;margin-right:auto;position:relative;text-align:center}img{width:auto;max-width:100%;height:auto;}body,input,textarea,button{font-size:125%;line-height:1.5;font-family:"ff-tundra-web-pro",Georgia,Times,"Times New Roman",serif;color:#424242;}.strong{font-weight:bold}.italic{font-style:italic}.small{font-size:0.700em}.grey{color:#939393}.light-grey{color:#cecece}.smallcaps{font-family:"ff-tundra-sc-web-pro",Georgia,Times,"Times New Roman",serif;}.blockquote{padding-left:1em;border-left:4px solid #e8e8e8;font-style:italic}.line-through{text-decoration:line-through}
h1{
font-size:0.875em;
font-family: Roboto, sans-serif;
font-weight:260}
h2{font-size:2.000em;line-height:1.2;margin-bottom:0.500em;}#project h2,#work h2{margin-bottom:0;}
h4{font-size:0.575em;font-family: Roboto;font-weight:200}
h3{font-size:1.000em;font-family: Roboto;font-weight:200;margin-bottom:0.500em;}
h4{font-size:1.300em;font-family: Roboto;font-weight:300;margin-bottom:0.500em;}
h5{font-size:1.000em;font-family: Roboto;font-weight:300;margin-bottom:0.500em;}
a{color:#D52027;padding:0 1px;text-decoration:none;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}a:hover{color:#D52027;background-color:#fff2f8;}.button{display:inline-block;background-color:#D52027;padding:1.000em 2.000em;color:white;font-size:0.700em;}.button:hover{background-color:#231f20;color:#D52027;}.button-grey{display:inline-block;background-color:#e2e2e2;padding:1.000em 2.000em;color:white;font-size:0.700em;}.button-grey:hover{background-color:#231f20;color:#D52027;}.article p{margin-bottom:1.000em;}.diamond{padding:0 0.250em}.end{padding:5.000em 0}#article p.last{margin-bottom:0;}.dropcap{display:block;float:left;font-size:10.000em;position:relative;line-height:.1;top:-0.200em;}.date{float:right}.article-title{float:left}.mandatory{color:#D52027;}p.margin-bottom{margin-bottom:2.000em;}.margin-no{margin-bottom:0;}.info-title{padding-top:0.500em;}@font-face{font-family:'ys-webfont';src:url('../webfonts/ys-webfont.eot');src:url('../webfonts/ys-webfont.eot?#iefix') format('embedded-opentype'),url('../webfonts/ys-webfont.woff') format('woff'),url('../webfonts/ys-webfont.ttf') format('truetype'),url('../webfonts/ys-webfont.svg#ys-webfont') format('svg');}ul.slider{margin:0;padding:0;list-style:none;height:100%;width:100%;overflow:hidden;}.carousel-tabs{clear:both;}.carousel-active-tab{color:red;}.carousel-disabled,.mr-rotato-disabled{opacity:0}.slidewrap,.slider,.slide{height:100%}.prev-arrow{position:fixed;top:50%;margin-top:-0.500em;left:0;padding:0.500em 1em;background-color:#efefef;color:#c2c2c2}.next-arrow{position:fixed;top:50%;margin-top:-0.500em;right:0;padding:0.500em 1em;background-color:#efefef;color:#c2c2c2}.left{float:left;}.right{float:right;}.left-text{text-align:left}.right-text{text-align:right}.center-text{text-align:center}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}.nav{margin-top:1em;}ul.nav li{list-style:none;border-bottom:1px solid #9e004a;width:100%;z-index:1;}ul.nav li:first-child{border-top:1px solid #9e004a;}ul.nav li a{color:white;display:block;padding:10px 0;}ul.nav li a:hover{background-color:white;color:#D52027;text-indent:1em}.arrow{display:none;color:#e65599}ul.nav li a:hover span.arrow{text-indent:-1em}.home{position:fixed;top:0;left:0;display:table;width:80px;height:80px;font-size:14px;color:white;text-align:center;text-decoration:none;border-bottom:0;background-color:#D52027;z-index:5}.home:hover{background-color:#231f20;color:#D52027;}span.logo{font-family:'ys-webfont';font-size:60px;position:relative;top:-12px;}.home span{display:table-cell;vertical-align:middle;position:relative;}#table-of-contents .home{background-color:#D52027;color:white;}#table-of-contents .home:hover{background-color:#D52027;color:white;}.menu-site{width:44%;float:left}.menu-elsewhere{width:44%;float:right}.menu{display:none}ul.styled-list li{list-style:none;border-bottom:1px solid #eeeeee;padding:0.500em 0;}ul.styled-list{margin-bottom:1.000em;}ul.styled-list-hor li{list-style:none;float:left;padding:0.500em 0;}ul.normalul{margin-bottom:1em}#table-of-contents{background-color:#D52027;font-family:"ff-tundra-sc-web-pro",Georgia,Times,"Times New Roman",serif;color:#f0b8d2}#table-of-contents hr{border-top:1px solid #9e004a;border-bottom:0;border-right:0;border-left:0;margin:0.500em 0 1.500em 0;}input,textarea{width:90%;margin-bottom:1.000em;background-color:white;border:1px solid #e2e2e2;font-size:1em;padding:0.500em;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;transition:all 0.2s ease-out;outline:none;-webkit-appearance:none;border-radius:0;}input:hover,textarea:hover{border:1px solid #d4dbde;background-color:white}input:focus,textarea:focus{border:1px solid #00b6eb;background-color:white;-moz-box-shadow:0 0 10px rgba(0,182,235,0.5);-webkit-box-shadow:0 0 10px rgba(0,182,235,0.5);box-shadow:0 0 10px rgba(0,182,235,0.5);}.error{border:1px solid #D52027;background-color:white;}.error:hover{border:1px solid #;}.error:focus{border:1px solid #D52027;-moz-box-shadow:0 0 10px rgba(190,0,94,0.5);-webkit-box-shadow:0 0 10px rgba(190,0,94,0.5);box-shadow:0 0 10px rgba(190,0,94,0.5);}select{margin-bottom:1em;}#contact-form{width:100%;height:100%;}.errormsg{position:absolute;top:2px;right:0;background-color:#D52027;color:white;font-size:0.600em;width:52px;height:52px;text-align:center;display:table;}.errormsg p{display:table-cell;vertical-align:middle;position:relative;}.input-container{position:relative}.select-box{margin-bottom:4.000em;}.article{padding:10.000em 0}#info .article{padding:0}.content{padding:2.000em 0;margin:auto}.latestarticle{padding:3.000em 0;}.profile-pic{margin-bottom:2em;border-bottom:1px solid #e9e9e9}.turntable-pic{margin-bottom:2em;padding-bottom:3em;border-bottom:1px solid #e9e9e9}#container a:hover{background-color:transparent}.soundwave{background-image:url(../img/wave.png);width:100%;background-position:bottom center;background-repeat:no-repeat;height:119px;padding-top:5em;margin-bottom:2em;border-bottom:1px solid #e9e9e9}hr{border-top:1px solid #e9e9e9;border-bottom:0;border-right:0;border-left:0;margin:2.000em 0;}hr.smallmargin{margin:1em 0;}hr.smallhr{width:50px;margin:1.500em auto}hr.titlehr{margin:0.500em 0;}.container{width:92%;margin:0px auto;position:relative;}.grid-1,.grid-2,.grid-3{float:left;margin:0 1.515151515152% 3em;}.grid-1{width:13.636363636364%;background-color:#f1f1f1;height:10em;}.grid-2{width:30.30303030303%;}.grid-3{width:46.969696969697%;}.thumb-logo{display:table;text-align:center;height:100%;width:100%}.thumb-logo a:hover{background-color:#e9e9e9}.client-logo{display:table-cell;vertical-align:middle;position:relative;}.box{float:left;}.photo.col3{width:30%;margin:0 1.515151515152% 3em;}.photo.col3 img{width:101%;height:auto;}#container{clear:both;width:92%;margin:0px auto;}#container.masonry{overflow-x:hidden;overflow-y:hidden;}.lazy-image{display:none;}#hero{margin-bottom:2em;border-bottom:1px solid #e9e9e9}.hero-container{margin:0 auto;position:absolute;bottom:0;width:100%;text-align:center}.halftone{display:block;margin:0 auto;}
.container {
display: flex;
justify-content: space-between;
}
.column {
width: 50%;
padding: 20px;
}
----------------------------------------------------------------------------------------------------------
*/3a3a3a
.ie7 .home .logo { display: none; }
.ie7 .home { background-image: url(../img/logo.png); background-repeat: no-repeat; background-position: center; }
.ie7 .home:hover { background-image: url(../img/logo-hover.png); background-repeat: no-repeat; background-position: center; }
.ie7 .dropcap { line-height: 200px; top: -145px; margin-bottom: -180px; }
/* princeton color ff8f00 , nice red be005e */
/* stony brook color 990000, light red D52027*/
#wrapper{
text-align:left;
width:600px;
}
.header {
margin: 0 auto 5px auto; /* center for good browsers */
text-align: left; /* counter the body center */
background-color:#fff;
clear: left;
width:100%;
height:100px;
text-align:justify;
}
.header img{
float:left;
}
.address { /* Containing my contact info */
margin:5px 10px;
display:inline-block;
float:left;
text-align:left;
}
.homeText {
padding:0 20px 0 0;
min-width:348px;
width:60%;
float:right;
text-align:left;
}
.myname{
display:inline-block;
margin:20px;
}
.myportrait {
width:271px;
height:300px;
}
.jhu-logo{
width:133px;
height:200px;
}
.toprightText { /* Containing my contact info */
margin:5px 10px;
display:inline-block;
float:right;
text-align:left;
}
.hanging { /* For indent */
margin: 5px 0;
padding:10px 0 0 0;
border-top:1px solid #ccc;
}
.hidden-box {
background-color:#efefef;
border:1px dashed #aaa;
padding:6px;
font-size:90%;
display:none; /* Hidden from non-javascript users; we bring it back with javascript */
}
.revealer {
display:none; /* Hidden from non-javascript users; we bring it back with javascript */
cursor:pointer;
}
/*
----------------------------------------------------------------------------------------------------------
02 Mixes
----------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------------------------------------------------------------------------
02 Media Queries
----------------------------------------------------------------------------------------------------------
*/
@media screen and (max-width: 700px){
body { font-size: 100%; }
h2 { font-size:1.8em;}
.menu { display: block; border-bottom:1px solid #dadada; background-color:#f8f8f8; position:fixed; width:100%; padding: 0.875em 0; font-size:0.875em; font-family:"ff-tundra-sc-web-pro", Georgia, Times, "Times New Roman", serif; z-index:5; -moz-box-shadow: 0 0 3px rgba(0,0,0, 0.1); -webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.1); box-shadow: 0 0 3px rgba(0,0,0, 0.1); }
#project-inquiry .menu,
#work .menu, { position:relative;}
#table-of-contents .menu { display: block; border:none; background-color:#af0057; position:relative; width:100%; padding: 0.875em 0; font-size:0.875em; font-family:"ff-tundra-sc-web-pro", Georgia, Times, "Times New Roman", serif; z-index:5; margin-bottom: 2em}
#table-of-contents .menu p {font-weight: bold}
.home { display:none; }
.prev-arrow { display: none }
.next-arrow { display: none }
.small { font-size:0.875em }
#project-inquiry .wrapper {padding:5.000em 0;}
#project-inquiry .slidewrap,
#project-inquiry .slider,
#project-inquiry .slide { height:auto }
.grid-1 { float: none; width:96.969696969697%; }
.grid-2 { float: none; width:96.969696969697%; }
.grid-3 { float: none; width:96.969696969697%; }
.content { padding: 5.000em 0; margin: auto}
.menu-site { width:100%; float: none; padding-bottom: 2em }
.menu-elsewhere { width:100%; float: none }
.arrow { display: inline;}
.date { float:none }
.article-title { float:none; display: block }
.photo.col3 { width: 96.969696969697%; }
}
@media screen and (min-width: 700px) and (max-width: 900px) {
body { font-size: 105%; }
.grid-1 { width:46.969696969697%; }
.grid-2 { float: none; width:96.969696969697%; }
.photo.col3 { width: 45%; }
}
@media screen and (min-width: 900px) and (max-width: 1100px) {
body { font-size: 115%; }
.grid-1 { width:46.969696969697%; }
.photo.col3 { width: 45%; }
}
@media screen and (min-width: 1100px) {
body { font-size: 125%; }
}
/* Style the tab */
div.tab {
overflow: hidden;
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
}
/* Style the buttons inside the tab */
div.tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
font-size:1.275em;
font-family: Lato;
font-weight:200;
transition: 0.3s;
}
/* Change background color of buttons on hover */
div.tab button:hover {
background-color: #FFFFFF;
}
/* Create an active/current tablink class */
div.tab button.active {
background-color: #FFFFFF;
}
/* Style the tab content */
.tabcontent {
display: none;
padding: 6px 12px;
border: 1px solid #FFFFFF;
border-top: none;
}
table {
/*font-family: arial, sans-serif;*/
border-collapse: collapse;
width: 100%;
}
td, th {
/*border: 1px solid #dddddd;*/
text-align: left;
padding: 0px;
}
#footer
{
position: relative;
padding: 1em 0em;
/*border-top: 1px solid #303030;*/
font-size: 90%;
letter-spacing: .08em;
text-align: center;
/*color: rgba(255,255,255,.4);*/
color: #ccc;
font-weight: 200;
/*background-color:transparent;*/
}
/* #footer .container
{
/*background: none;*/
/*}*/
figcaption {
margin: 7px 0 0 0;
}
table.excel {
width: 100%;
border: 0px solid black;
border-collapse:collapse;
}
table.excel thead th, table.excel tbody th {
background:#CCCCCC;
text-align: center;
vertical-align:bottom;
border-top: 1px solid black;
border-bottom: 1px solid black;
}
table.excel tbody th {
text-align:center;
}
table.excel tbody td {
min-width: 8em;
vertical-align:center;
}
.clearfloat {
clear: both;
}
table.excel tbody td {
padding: 5px 5px;
border-bottom: 1px solid black;
}
.blinking{
animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
0%{ color: #000; }
49%{ color: #000; }
60%{ color: transparent; }
99%{ color:transparent; }
100%{ color: #000; }
}