body {
	margin-top: 88px;
	margin-bottom:12px;
  font-family:'open sans',  'arial', sans-serif;
  font-size:16px;
  line-height:2em;
  color:black;
}
a {
  color:#ff00ff;
}
a:hover {
  color:#ff00ff;
  text-decoration:underline;
}
.container-fluid {
  padding-left:30px;
  padding-right:30px;
  max-width:2100px;
}
iframe {
 border:none;
}
@font-face {
    font-family: "envy";
    src: url(../envy.ttf) format("truetype");
}
@font-face {
    font-family: "envy-italic";
    src: url(../envy-italic.ttf) format("truetype");
}

.portfolio-item {
	margin-bottom: 20px;
}

.navbar-custom {
  border-radius:0;
  background-color:#ff00ff;
  font-size:18px;
  letter-spacing:.04em;
  font-family: 'envy', 'Arial', sans-serif;
  border:none;
  padding-top:4px;
  padding-bottom:4px;
}
.navbar-custom .navbar-nav > li > a {
  padding: 15px 0px 15px 40px;
  color:black;
}
.navbar-custom .navbar-nav > li > a:hover {
  color:black;
  text-decoration:underline;
}
.navbar-stacked .nav-pills .nav > li > a:hover {
  background:none;
}
.navitem-title {
  padding-top:2px;
}
.portfolio-item a {
  font-size:15px;
  text-transform:uppercase;
  font-family: "envy", "arial", sans-serif;
  color:#000;
}
.portfolio-item:hover {
  text-decoration:underline;
  opacity:.7;
}
.navitem-img {
}
#myname {
  font-size:27px;
  letter-spacing:.08em;
  font-family: "envy", "inconsolata", "arial", sans-serif;
  color:#000;
  font-weight:bold;
}
#myname:hover {
  color:#ff00ff;
  text-decoration:underline;
}
.navbaritem a {
  color:#676767;
}
.navbar-custom .navbar-nav .selected > a,
.navbar-custom .navbar-nav .selected > a:hover {
  padding: 15px 0px 15px 40px;
  color:#000;
  text-decoration:underline;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  background:none;
  color:#000;
}
.nav-pills > li > a {
  font-size:20px;
  text-transform:uppercase;
  font-family: "envy", "arial", sans-serif;
  color:#000;
  letter-spacing:.06em;
  padding-left:0px;
}
.nav-pills .active > a,
.nav-pills .active > a:hover {
  color:#000;
  text-decoration:underline;
}
.nav-pills > li >  a:hover {
  text-decoration:underline;
  background:none;
}


.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:focus  {
  background:none;
  border:none;
  border-radius:0;
}
.navbar-inverse .navbar-toggle:hover {
  background-color:#00e9e9;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color:#000;
}
.navbar-inverse .navbar-collapse {
  border:none;
}
.navbar-nav {
  margin-right:0px;
}
.project-title {
  font-size:22px;
  text-transform:uppercase;
  font-family: "envy", "arial", sans-serif;
  color:#000;
  padding-bottom:.18em;
  padding-top:.8em;
  letter-spacing:.02em;
  font-weight:bold;
}
.section-heading {
  font-size:16px;
  text-transform:uppercase;
  font-family: "envy", "arial", sans-serif;
  color:#000;
  padding-bottom:12px;
  letter-spacing:.06em;

}
.section-div {
}
.project-materials {

}
.project-year {
  padding-bottom:2.0em;

}
.short-line {
  margin-bottom:4.0em;
  border-bottom:4px solid #00aaaa;
  width:60px;
}
.project-desc {
  padding-bottom:2em;
}
.empathybox {
  margin-bottom:14px;
}
.desc {
}
.project-img {
  margin-bottom:14px;
}
.project-row {
  margin:0px;
  padding-bottom:20px;
  margin-bottom:20px;
}
.flex-video {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 16px;
overflow: hidden;
}
 
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
.flex-video.codethatsingsitself {  }
.flex-video.singingcode { padding-bottom: 60%; }
.flex-video.singingtocomputer { padding-bottom: 75%; }
.flex-video.choirof30 { padding-bottom: 33%; }
.flex-video.computervoices { padding-bottom: 60%; }
.flex-video.dragon { padding-bottom: 54%; }
.flex-video.skies { padding-bottom:56% }
.flex-video.embodisuit { padding-bottom:56% }
.flex-video.empathybox { padding-bottom:56% }

.flex-video iframe,
.flex-video object,
.flex-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video { padding-top: 0; }
}
.romancestory {
  font-family:"envy", "arial", sans-serif;
  font-size:14px;
  line-height:2.0em;
  background-color:#f3f9f9;
  padding:50px 60px 50px 60px;
  margin-bottom:10px;
  max-width:50em;
}
.letter {
  font-size:36px;
  padding-right:4px;
  font-family:"Great Vibes";
}
.thesis-writing {
  font-family:"envy", "arial", sans-serif;
  font-size:14px;
  line-height:2.0em;
  background-color:#262626;
  color:#efefef;
  padding:50px 60px 50px 60px;
  margin-bottom:10px;
  max-width:50em;
}

.research-item {
  font-size:24px;
  line-height:1.5;
}

.resume-heading {
  font-size:18px;
  text-transform:uppercase;
  font-family: "envy", "arial", sans-serif;
  color:#676767;
  letter-spacing:.1em;
  text-align:right;
  padding-right:20px;
}

.haplab-heading {
  font-size:18px;
  text-transform:uppercase;
  font-family: "envy", "arial", sans-serif;
  color:#676767;
  letter-spacing:.1em;
  padding-right:20px;
  text-align:left;
}

.resume-year {
   font-weight:bold;
  color:#000;

}
.pubheading {
  font-size:18px;
  text-transform:uppercase;
  font-family: "envy", "arial", sans-serif;
  font-weight:bold;
  letter-spacing:.1em;
  padding-bottom:15px;
  padding-top:20px;


}
.job-title {
  font-weight:bold;
  color:#000;
}

#iskytv_link, .morelink {
  font-size:20px;
}
#bio_photo {
 padding-right:20px;
}

.scifi-heading {
  font-size:16px;
  text-transform:uppercase;
  font-family: "envy", "arial", sans-serif;
  font-weight:bold;
  letter-spacing:.1em;
  padding-bottom:.2em;
}
#bio_photo {
  padding-bottom:12px;
}
.follow {
  width:22px;
  height:22px;
  margin-top:2px;
  margin-bottom:6px;
}
.bgfilled {
  background-image:url('../sab_bg6.png');
  background-attachment:fixed;

}
.whitebg {
  background-color:#fff;
  padding:25px;
  margin-left:15px;
  margin-bottom:30px;
}
.follow-col {
  padding-right:20px;
  text-align:right;
}
@media (max-width: 480px) { 
  #myname {font-size:16px;}
}
@media (max-width: 767px) { 
  .navbar-custom .navbar-nav > li > a,
  .navbar-custom .navbar-nav .selected > a,
  .navbar-custom .navbar-nav .selected > a:hover {
    padding: 15px 0px 15px 0px;
    text-align:center;
  }
  .resume-heading {
    text-align:left;
    padding-bottom:1em;
  }
  .nav-pills > li > a {
    text-align:center;
  }
  .nav-stacked {
    padding-bottom:1em;
  }
  .follow-col {
    text-align:left;
    padding-right:0px;
  }
  #bio_photo {
    padding-right:0px;
  }
}

.patterned {
  background-image:url('../sab_bg3.png');
}
.whitebg {
  background-color:white;
}
.outline {
  border:1px solid #ddd;
}

.bgbox {
  margin-top:-90px;
}

.whitebox {
  padding:25px;
  padding-top:90px;
  background-color:#fff;
}
.carousel .item img {
  max-height: 600px;
  min-width: auto;
  background-color:black;
  margin:auto;
}
.carousel-control.left, .carousel-control.right {
  background-image: none;
}
.carousel-inner {
  background-color:black;
  
}