http://2014.igem.org/wiki/index.php?title=Special:Contributions&feed=atom&limit=50&target=Angelofspeed
2014.igem.org - User contributions [en]
2024-03-29T14:34:25Z
From 2014.igem.org
MediaWiki 1.16.5
http://2014.igem.org/Team:StanfordBrownSpelman
Team:StanfordBrownSpelman
2014-11-13T23:07:21Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<!-- ====== Navigation ====== --><br />
<br />
<nav id="navigation"><br />
<div class="projects underline"><h6 id="project"><a href="#SBS iGEM">Projects</a></h6><br />
<h6><a href='https://2014.igem.org/Team:StanfordBrownSpelman/Achievements'>Achievements</a></h6><br />
<h6><a href='https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks'>BioBricks</a></h6><br />
<h6><a href='https://2014.igem.org/Team:StanfordBrownSpelman/Modelling'>Modeling</a></h6><br />
<h6><a href='https://2014.igem.org/Team:StanfordBrownSpelman/Building_The_Drone'>Building a UAV</a></h6><br />
<h6><a href='https://2014.igem.org/Team:StanfordBrownSpelman/Human_Practices'>Human Practices</a></h6><br />
<h6><a href='https://2014.igem.org/Team:StanfordBrownSpelman/Outreach'>Outreach</a></h6><br />
<h6><a href='https://2014.igem.org/Team:StanfordBrownSpelman/Attributions'>Attributions</a></h6><br />
<h6><a href='https://2014.igem.org/Team:StanfordBrownSpelman/Lab'>Lab Notebook</a></h6><br />
<h6><a href='https://2014.igem.org/Team:StanfordBrownSpelman/Safety'>Safety</a></h6><br />
<h6><a href='https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team'>Team</a></h6><br />
<h6 id='contact'><a href='#'>Contact</a></h6><br />
</div><br />
<div id="wiki" class="wiki"><h6><a href="#" id="top2">Top</a></h6></div><br />
<div class="team"><h6><a href="#" id="top3">iGEM 2014<br>Stanford-Brown-Spelman</a></h6></div><br />
<div id="iGEMimagelogomain" class="contact"><h6><a href="https://igem.org"><img src="https://static.igem.org/mediawiki/2014/5/52/SBSiGEM2014_iGEM_Logo_Original.jpg"></a></h6></div><br />
</nav><br />
<br />
<!-- ====== Border ====== <br />
<br />
<div id="left"></div><br />
<div id="right"></div><br />
<div id="roof"></div><br />
<div id="bottom"></div><br />
<br />
--><br />
<br />
<!-- ====== Splash ====== --><br />
<br />
<div id="landing"><br />
<div class="row"><br />
<div class="small-8 small-centered columns"><br />
<!-- <h6 id="title">SBS iGEM</h6> --><br />
</div><br />
</div><br />
</div><br />
<br />
<!-- ====== Redirect Return Placeholder ====== --><br />
<br />
<div class="row"><br />
<div id="redirect" class="small-3 small-centered columns placeholder2"><br />
</div><br />
</div><br />
<br />
<!-- ====== Projects Return Placeholder ====== --><br />
<br />
<div class="row"><br />
<div id="place" class="small-3 small-centered columns placeholder"><br />
</div><br />
</div><br />
<br />
<!-- ====== Projects ====== --><br />
<br />
<div class="row" id="Projects"><br />
<div id="work" class="small-8 small-centered columns"><br />
<h6 style="text-decoration: none; border:none"><br />
<div class="sub3"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Cellulose_Acetate"><img id="cellulosePic" src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_Cellulose_Icon.png"></a><h4><a class ="categories" href="https://2014.igem.org/Team:StanfordBrownSpelman/Cellulose_Acetate">Biomaterials</a></h4>We produced a moldable &amp; 3D printable bioplastic by transferring the acetylation machinery from <a href="http://en.wikipedia.org/wiki/Pseudomonas_fluorescens" target="_blank"><i>Pseudomonas fluorescens</i></a> into <a href="http://en.wikipedia.org/wiki/Acetobacter#Acetobacter"><i>Gluconacetobacter hansenii.</i></a></div><br />
<div class="sub2"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Amberless_Hell_Cell"><img id="hellCellPic" src="https://static.igem.org/mediawiki/2014/c/c6/SBS_iGEM_2014_Hell_Cell.png" class="two"></a><h4><a class ="categories" href="https://2014.igem.org/Team:StanfordBrownSpelman/Amberless_Hell_Cell">Amberless Hell Cell</a></h4>We generated hearty, radiation, heat, &amp; cold resistant bacteria that exemplify codon security and can't transfer engineered genes into the environment.</div><br />
<div class="sub3"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Material_Waterproofing"><img id="waterPic" src="https://static.igem.org/mediawiki/2014/1/18/SBS_iGEM_2014_Waterproofing.png"></a><h4><a class ="categories" href="https://2014.igem.org/Team:StanfordBrownSpelman/Material_Waterproofing">Material Waterproofing</a></h4>Our team biomimetically pursued novel wasp proteins and bacterial wax esters that prevent water absorbance without being toxic to the surrounding ecosystem.</a></div><br />
<div class="sub2"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability"><img id="biodegradePic" src="https://static.igem.org/mediawiki/2014/7/71/SBS_iGEM_2014_Biodegradation.png" class="two"></a><h4><a class ="categories" href="https://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability">Biodegradability</a></h4>Though cellulose acetate is an inherently biodegradable material, our team undertook to actively degrade the biomaterial to streamline the process.</div><br />
<div class="sub3"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Cellulose_Cross_Linker"><img id="cellulosePic2" src="https://static.igem.org/mediawiki/2014/b/b7/SBSiGEM2014_Cellulose_Cross_Linker.png"></a><h4><a class ="categories" href="https://2014.igem.org/Team:StanfordBrownSpelman/Cellulose_Cross_Linker">Cellulose Cross-Linker</a></h4>We designed a system for both strengthening cellulose and attaching biosensors and other biological cells to cellulose surfaces.</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="teamNoodle" class="small-3 small-centered columns cells"><br />
</div><br />
</div><br />
<br />
<!-- ====== Team Bio ====== --><br />
<br />
<div class="row"><br />
<div id="about" class="small-8 small-centered columns"><br />
<h6 class="introText"><br />
Increasingly in recent years, Unmanned Aerial Vehicles (also known as RPAS – Remotely Piloted Aircraft Systems – and UAS – Unmanned Aerial Vehicle Systems) have transitioned from being rare sightings to becoming a staple of the 21st century high-tech mainstream. Surveillance and military uses aside, UAVs have profound potential in areas ranging from medicinal and commercial delivery to agricultural monitoring and even space exploration; however, much of their potential remains untapped. The Stanford-Brown-Spelman iGEM team reached out to a number of scientists in a wide array of fields in regards to the future of UAVs, in search for the next-step looming advancement in the industry. The feedback pointed in a clear direction – the revolutionary creation of a biological UAV. </h6><br />
<h6 class="introText"><br />
Our team took upon ourselves this task in order to create a biodegradable UAV that would push on the boundaries of science while remaining applicable and useful to the world. We started by designing molds which were fabricated to a fungal mycelial "body" that was then coated with bacterial generated microbial cellulose to create a robust, durable foundation, and then re-engineered the “Amberless Hell Cell” concept to endow our UAV with pandemonium-resistant super-cells, all the while setting new bioethical standards through our gene-transfer preventative design. Humbled, we turned to nature to study and employ an ingenious method by which to waterproof our UAV, and then developed a biological process for degrading our UAV over a time period of our choosing. To extend the capabilities of this winged-Goliath, our team constructed Cellulose Cross-Linkers to further strengthen the cellulose foundation and allow biosensors to be attached to the surface of our UAV. </h6><br />
<h6 class="introText"><br />
While the above projects come together to lay a new path for the future of UAVs, they also expand the horizon in all other areas of synthetic biology and bioengineering with their versatile, far-ranging applications. Certainly, there is no denying that UAVs have been stigmatized for their combative purposes, but the SBS iGEM team members have worked hard to help showcase the important role that UAVs serve in all other areas of science and their benefits to humanitarian purposes. Go ahead and take a look around our Wiki, checkout our projects, our twenty biobricks, and our human practices efforts, and please feel free to stop any of us to ask questions or to hear more about our projects. Thank you and welcome to the SBS 2014 iGEM Wiki! </h6><br />
<br />
<!-- <br><br><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/6/61/SBS_iGEM_2014_1.png">Do we need anything here?</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/4/45/SBS_iGEM_2014_2.png">Do we need anything here?</div> --><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 2 ====== --><br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells2"><br />
</div><br />
</div><br />
<br />
<!-- ====== Sponsor & Acknowledgement List ====== --><br />
<br />
<div class="row"><br />
<div id="thanks" class="small-8 small-centered columns"><br />
<h4><center>Special Thanks to Our Sponsors</center></h4><br />
<h6 style="text-decoration: none"><br />
<a style="text-decoration: none" href="http://www.dna20.com/" target="_blank">DNA 2.0</a> ●<br />
<a href="http://www.mathworks.com/" target="_blank">Mathworks</a> ●<br />
<a href="http://www.idt.com/" target="_blank">IDT </a> ●<br />
<a href="http://www.geneious.com/" target="_blank">Geneious </a>●<br />
<a href="http://www.planetary.brown.edu/RI_Space_Grant/" target="_blank">Rhode Island Space Grant </a>●<br />
<a href="http://www.gasgc.org/" target="_blank">Georgia Space Grant </a>●<br />
<a href="http://www.nasa.gov/centers/ames/cct/office/cif/2014/index.html#.U9wAQPldVKI" target="_blank">NASA Ames Directors’ Investment Fund </a>●<br />
<a href="http://www.brown.edu/about/administration/president/" target="_blank">Brown University Office of the President </a>●<br />
<a href="http://www.brown.edu/academics/college/fellowships/utra/" target="_blank">Brown University UTRA </a>●<br />
<a href="http://bioengineering.stanford.edu/education/REU.html" target="_blank">Stanford University REU program </a>●<br />
<a href="http://www.nasa.gov/centers/ames/cct/index.html#.VDzeHeeEjhM" target="_blank">NASA Ames Office of the Center Chief Technologist </a><br />
</h6><br />
</div><br />
</div><br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells7"><br />
</div><br />
</div><br />
<br />
<div class="row, plainlinks"><br />
<div id="thanks" class="small-8 small-centered columns"><br />
<h4><center>Special Acknowledgements</center></h4><br />
<h6 style="text-decoration: none"><br />
<br />
<a href="http://geo.arc.nasa.gov/sg/cv/esddir3cv-Brass.html">Jim Brass</a>, Kevin Reynolds and Bob Dahlgren for advice on UAVs</a> ●<br />
<a href="http://research.calacademy.org/ent/staff/dkavanaugh" target="_blank">Dave Kavanaugh at Cal Academy of Sciences for helping us trap wasps </a>●<br />
<a href="http://ib.berkeley.edu/people/directory/detail/6000/" target="_blank">Michael Sheehan at UC Berkeley for helping us identify wasp species </a>●<br />
<a href="http://www.ecovativedesign.com" target="_blank">Ecovative for the production of the mycelium drone components</a> ●<br />
<a style="text-decoration: none" href="http://www.dna20.com/" target="_blank">DNA 2.0 for their advice and tour</a> ● <a href="http://web.mit.edu/voigtlab/">Christopher Voigt at MIT for providing plasmids necessary for making our biodegradation constructs</a>●<br />
<br />
<a href="http://www.bchs.uh.edu/people/detail/?155622-961-5=tcooper" target="_blank">Tim Cooper at University of Houston for <i>Pseudomonas fluorescens</i> </a>●<br />
<a href="http://www.spelman.edu/academics/faculty/jean-marie-dimandja" target="_blank">Jean-Marie Dimandja at Spelman College for discussions of 2D GC Analysis </a>● <a href="https://www.linkedin.com/pub/timothy-brown/36/ab4/441" target="_blank">Timothy Brown from Thermo Fisher Scientific for teaching us how to use the Attune flow cytometer </a></div><br />
<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 3 ====== --><br />
<br />
<div class="row"><br />
<div id="precontact" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="https://static.igem.org/mediawiki/2014/8/86/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp; Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability
Team:StanfordBrownSpelman/Biodegradability
2014-10-18T03:35:34Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014 — Amberless Hell Cell</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/7/71/SBS_iGEM_2014_Biodegradation.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h3><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability">Biodegradability</a></h3><br />
<div class="boxedmenu"><h7><center><a href="#" id="intro">Introduction</a> ● <a href="#" id="methods">Methods</a> ● <a href="#" id="data">Results</a> ● <a href="#" id="links">References</a> ● <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks#B">BioBricks</a></h7></div><br />
<h6 id="int"><br />
<center><iframe width="420" height="315" src="//www.youtube.com/embed/PgdF8xIAh8c" frameborder="0" allowfullscreen></iframe><br><br></center><br />
Creating a biodegradable unmanned aerial vehicle (UAV) will reduce collateral waste, lightening the footprint of unmanned science missions on planetary environments and micro-ecosystems. Since we are using Bacterial Cellulose Acetate (BCOAc) for the construction of our UAV, we investigated in nature to find organisms that can naturally break down Cellulose Acetate. We found out that <i>Niesseria sicca</i> uses cellulose acetate as its carbon source by producing two genes that break down cellulose acetate. The first gene is Cellulose Acetate Esterase which de-acetylates BCOAc, and the second is Endo-1,4-beta-glucanase, a cellulase that breaks down the glycosidic linkages in cellulose to produce glucose monomers.<br />
<br />
</div></div><br />
<div class="small-8 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/1/13/SBS_IGEM_esterase_%26_cellulase.png><br><br />
<h6><b>Figure 1. </b> This image describes the degradation process, with the esterase enzyme de-acetylating cellulose acetate, and the cellulase enzyme breaking down the cellulose into glucose monomers.</h6><br />
<br><br />
<h6>In order to trigger the onset of degradation our UAV at specific conditions, we investigated pressure-sensitive promoters for their abilities to stimulate degradation upon impact and time-sensitive promoters that will control the amount of time the UAV should fly before it degrades. After a series of experimentations, we chose to use quorum sensing as a time delay mechanism to control the length of time our UAV can fly before degradation enzymes are produced. <h6><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="process" class="small-3 small-centered columns cells4"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Methods ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Approach & Methods</center></h5><br />
<h6>We extracted the esterase and cellulase gene sequences from <i>Niesseria sicca</i> and transformed them in <i>E. coli</i>. Since the genes were synthesized with a T7 promoter, we induced the expression of the proteins by adding IPTG to the cell cultures. The Esterase was successfully purified and its presence was confirmed by observing a band at 43kDa when a protein gel was run. The activity of the Esterase enzyme was tested by soaking in blue stain reagent and testing for intensity of the stain. As for cellulase, we are currently working to express the cellulase in <i>E. coli</i> so as we can purify it and test its activity. </h6><br />
</div></div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<h6>In addition to working with the degradation enzymes, we created a mechanism where quorum sensing can cause a needed time delay for degradation so that our UAV does not degrade as soon as it starts to fly. Quorum sensing is a cell to cell communication mechanism, and here we use it to control when and how fast degradation should occur. </h6><br />
</div></div><br />
<div class="small-8 small-centered columns"><br><center><img src= https://static.igem.org/mediawiki/2014/5/50/Biodegrade.jpg><br><br />
<h6><center><b><br />
<br />
<h6>Figure 2. </b>Our ideal quorum sensing system works in a loop: quorum sensing will activate a promoter that will trigger the expression of the degradation enzymes, which will activate positive feedback on the loop.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br />
<div class="sub4"><h6><a href="https://static.igem.org/mediawiki/2014/a/ad/Biodegradability.pdf" target="_blank"><img src="https://static.igem.org/mediawiki/2014/2/25/SBS_iGEM_2014_download.png"></a><a href="https://static.igem.org/mediawiki/2014/a/ad/Biodegradability.pdf">Click here to go to our project journal, which details our design and engineering process and included descriptions of the protocols we developed and used.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Cell Spacer 2 ====== --><br />
<br />
<div class="row"><br />
<div id="results" class="small-3 small-centered columns cells8"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Results ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Results</h5><br />
<h6><br />
Our goal for this project was not only to isolate biodegradation enzymes but also to control the release of these enzymes, so that our UAV would not degrade uncontrollably. In order to control the initiation of biodegradation, we first considered using a pressure sensor. This would allow the UAV to begin degrading after the impact of a crash. The 2008 Tokyo Tech iGem team found that the ptet promoter was pressure sensitive and increased its activity 3-fold after undergoing 30 MPa of pressure. We got their construct from the distribution kit and tested its functionality by monitoring GFP expression. We found that this promoter is always turned on even at very low pressures (The cells were bright green even with no pressure at all). When we introduced a repressor for the Ptet promoter, we found out that the repressor is too strong, and even at high pressures, the Ptet promoter will still be repressed. The photo and graphs below show our testing of the Ptet promoter in the presence and absence of the Tet repressor. </h6><br />
</div></div><br />
<div class="small-8 small-centered columns"><center><img src=https://static.igem.org/mediawiki/2014/3/30/SBS_IGEM_Ptet.png><br><br />
<h6><b>Figure 3. </b>A graph showing the relationship between pressure applied and expression of GFP under control of the ptet promoter.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6><br />
<br />
The graph above shows that there was not a clear correlation between the amount of pressure applied on the ptet promoter to the amount of GFP expression: For instance, application of 14000rpm pressure on cells with ptet promoter for 30 seconds led to production of less fluorescence than application of 5000rpm pressure to the same batch of cells. When Tet Repressor was used, its effect was too strong and we could not find a repressor that could inhibit ptet just enough to control the biodegradation process.<br />
<br />
<br></br><br />
<br />
On top of testing the ptet promoter, we analyzed the impact a crash would have on our UAV by using a force plate ,and we found it unlikely that the impact of the crash would ever reach as high a pressure as 30 MPa, based on projections from the data we collected. (see graph below). <br />
<br />
<br />
</div></div><br />
<div class="small-8 small-centered columns"><center><img src=https://static.igem.org/mediawiki/2014/a/ac/Sbs_igem_forceplategraph.png><br><br />
<h6><b>Figure 4. </b>A graph demonstrating the relationship between impact pressure and height of crash.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br />
<h6><br />
<br />
In the graph above, we measured the pressure upon impact of an object similar in shape and weight to our UAV. We took measurements by dropping or throwing the object from various heights and angles. Based on our data, it is projected that even from a drop height of 10m, the pressure upon impact would not even be 1 MPa, making it unlikely that any crash would ever cause 30 MPa of pressure.<br />
<br />
<br></br><br />
<br />
We next tried to initiate degradation using a light sensor, which would activate degradation in the darkness, allowing our UAV to have a flight time of one day. We planned to do this using the construct from the UT Austin and UCSF 2004 Coliroid project. However, the strain of <i>E. coli</i> (EnvZ) that we needed to work with to use this construct was resistant to all 4 of the main antibiotics we had in our lab, making the bacteria difficult and expensive to work with.<h6><br />
<br />
<br><br />
<br />
<h6>Finally, we decided to use quorum sensing as a means of creating a time delay for initiation of degradation. Two previous constructs, BBa_I13202 and BBa_T9002, when combined, create a quorum sensing cascade used to initiate expression of GFP. We ligated these two parts together to create our novel part, BBa_K1499500, which we used for our assays. We found that, in lac deficient cells, the quorum sensing construct can be initiated by induction with IPTG. After this induction, GFP expression increases with time, implying that the construct is doing its job. Our data for this assay is shown below. </h6><br />
</div></div><br />
<br />
<br />
<div class="row"><div class="small-8 small-centered columns"><br />
<h5><center>Quorum Sensing Data</h5> <br><br />
<center><img src="https://static.igem.org/mediawiki/2014/f/fb/SBS_QuorumSensingFacs.png"><br><br />
<h6><b>Figure 5.</b> Flow cytometer data & histogram plots from fluorescence testing for quorum sensing construct. </center></h6><br />
</div></div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6 class="introText"><br />
<br />
<h6>Flow cytometry is a laser-based technology that has a wide-range of uses, including multiparametric cell counting and cell sorting. In this study, we utilized the cell counting ability of the Life Technologies Attune® NxT Acoustic Focusing flow cytometer in order to determine how many of our cells were expressing GFP after being induced with IPTG (a lac analog). The three graphs and tables above represent the flow cytometer data obtained from three samples of lac-deficient <i>E. coli</i> cells. One of the samples was a negative control of LB-cultured <i>E. coli</i> cells (Negative Control), and the other two samples (IPTG-Positive and IPTG-Negative) had the GFP-quorum sensing construct. The IPTG-Positive sample had a ~6X increase in GFP expression over the background IPTG-Negative cells, showing our construct worked correctly.<br />
<br />
<br></br><br />
<br />
The “X-Median” seen on the three tables above shows the fluorescence intensity of all of the cells that were counted that were not considered dead (Median). <br />
Each sample measured 50,000 cells (Seen under All Events - Count), and then counted all of the cells that were alive (Median - Count), where each sample had between 47,000 and 49,000 live cells. From the data, and as illustrated in the graphs above, we can gather that the fluorescence intensity (X-Median) of the LB only cells was approximately 63 arbitrary fluorescence units (AFU), the IPTG-negative cells was ~17,000 AFU, and the intensity of the IPTG-positive cells was ~107,000 AFU, meaning that the IPTG-positive quorum sensing cells increased fluorescence intensity over 6X the background intensity (IPTG-negative cells).<br />
These results indicate that our quorum sensing construct works and greatly increases GFP expression when activated through IPTG-induction. The IPTG-negative cells also expressed some non-negligible degree of GFP, which suggests that the construct could still be improved further. However, the successful proof of concept of our quorum sensing construct is incredibly promising and allows us to proceed toward the next step.<br />
<br />
<br></br><br />
<br />
Since we know that the quorum sensing construct is functional and inducible with IPTG. We can now work towards replacing the GFP gene with the genes for our degradation enzymes, allowing us to control degradation by applying IPTG at different time points.<br />
<br />
<br></br><br />
<br />
In conjunction with working on controlling the initiation of degradation, we simultaneously worked with our two degradation enzymes, esterase and cellulase. After successfully transforming the esterase gene into E. coli, and confirming via colony PCR, we grew up a large culture of transformed cells and used this to extract and purify the esterase protein.<br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/3/30/Sbs_igem_esterasepcrfinal.jpg><br><br />
<h6><b>Figure 6. </b>This is an image of a gel electrophoresis done after running colony PCR with E. coli colonies transformed with our esterase gene (1.5 kB).</h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><center><img src=https://static.igem.org/mediawiki/2014/7/73/Slide2.jpg><br><br />
<h6><b>Figure 7. </b>This is the SDS-page gel that was run after purifying the esterase protein from bacteria. The band is at 43 kDa, the expected size of the esterase protein.</h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<h6>Once we had isolated our protein we were able to do functional assays with the esterase enzyme. By using a cellulose-binding dye that selectively binds to cellulose and not cellulose acetate, we were able to test whether or not the esterase enzyme was effective in de-acetylating commercial grade cellulose acetate. We soaked the cellulose acetate in the esterase protein at its optimal temperature of 30ºC and tested with the stain at multiple points. The results of our assay (shown below) demonstrate that over time the protein was working to degrade the cellulose acetate, as the blue stain intensity increased over time. In the future, we can better characterize our esterase protein by doing assays with more replicates, longer time periods, and varying amounts of protein.<h6><br />
<br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><center><img src=https://static.igem.org/mediawiki/2014/6/62/Sbs_igem_esteraseassayfinalfinal.jpg><br><br />
<h6><b>Figure 8. </b>Pieces of cellulose acetate were soaked in esterase enzyme for varying amounts of time before their level of degradation was tested using the blue cellulose-binding dye.</h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<h6>We are currently working on functional assays of the cellulase gene, and have submitted it as a <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks">BioBrick </a><a href="http://parts.igem.org/Part:BBa_K1499501">(BBa_K1499501)</a>.<h6><br />
<br />
<br />
<br />
<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 4 ====== --><br />
<br />
<div class="row"><br />
<div id="references" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Links & References ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>References</h5><br />
<h6><br />
<br />
<div class="sub5">(1) Sakai K <i> et al.</i> (1996) Biodegradation of cellulose acetate by Neisseria sicca. <i>Bioscience, Biotechnology, Biochemistry</i> 10: 1617-1622. PMID: <a href="http://www.ncbi.nlm.nih.gov/pubmed/8987659" target="_blank">8987659</a>.</div><br />
<div class="sub5">(2) Barry Canton (2004) 3OC6HSL Sender Controlled by Lac Repressible Promoter. Registry of Biological Parts. <a href = http://parts.igem.org/Part:BBa_I13202"> Part:BBa_I13202 </a></div><br />
<br />
<div class="sub5">(5) Fuqua C <i>et al.</i> (2002) Molecular Mechanisms of Quorum Sensing in <i>Modern Microbial Genetics</i> 2: 362-382. DOI: <a href="http://onlinelibrary.wiley.com/doi/10.1002/047122197X.ch16/summary" target="_blank">10.1002/047122197X.ch16</a></div><br />
<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 5 ====== --><br />
<br />
<div class="row" id="precontact"><br />
<div class="small-3 small-centered columns cells5"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="https://static.igem.org/mediawiki/2014/8/86/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp; Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Attributions
Team:StanfordBrownSpelman/Attributions
2014-10-18T03:33:55Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014 — BioBricks</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<!-- ====== Standard Navigation Bar ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/c/c5/SBSiGEM2014_Achievements_Icon.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h3><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Attributions">Attributions</a></h3><br />
<br><br />
<h6><br />
We would like to thank everyone who contributed to the realization of our project! All that we've done would not be possible with the contributions made by those listed below. On this page, we've listed contributors by project. We've also added sections for our sponsors and for those who made contributions to our team outside of specific projects. Thank you again, everyone, for all you've done!<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ======<br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells5"><br />
</div><br />
</div><br />
--><br />
<br />
<!-- ====== Category 1 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Cellulose_Acetate" target="_blank">Biomaterial Production</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://www.bchs.uh.edu/people/detail/?155622-961-5=tcooper" target="_blank">Tim Cooper at University of Houston for <i>Pseudomonas fluorescens</i>.</a></div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://www.spelman.edu/academics/faculty/jean-marie-dimandja" target="_blank">Jean-Marie Dimandja at Spelman College for discussions of 2D GC Analysis.</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 2 ====== --><br />
<br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Material_Waterproofing" target="_blank">Wasp Proteins &amp; Material Waterproofing</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://research.calacademy.org/ent/staff/dkavanaugh" target="_blank">Dave Kavanaugh at the California Academy of Sciences for helping us trap wasps.</a></div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://research.calacademy.org/ccg/staff/dkapan" target="_blank">Durrell Kapan at the California Academy of Sciences for advising us on wasp transcriptome and genome analysis.</a></div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://ib.berkeley.edu/people/directory/detail/6000/" target="_blank">Michael Sheehan at UC Berkeley for helping us identify wasp species.</a></div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://www.brown.edu/Research/Wessel_Lab/" target="_blank">Gary Wessel and his lab staff at Brown University for their help with peptide mass fingerprinting.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 4 ====== --><br />
<br />
<div class="row, plainlinks"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability" target="_blank">Biodegradability</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://web.mit.edu/voigtlab/">Christopher Voigt at MIT for providing plasmids necessary for making our biodegradation constructs.</a></div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="https://www.linkedin.com/pub/timothy-brown/36/ab4/441" target="_blank">Timothy Brown from Thermo Fisher Scientific for teaching us how to use the flow cytometer to collect GFP data. </a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<br />
<!-- ====== Category 6 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Human_Practices" target="_blank">Policy and Human Practices</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://geo.arc.nasa.gov/sg/cv/esddir3cv-Brass.html">Jim Brass</a>, Kevin Reynolds, and Bob Dahlgren for consulting with us about building, flying, and using UAVs.</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://sites.nationalacademies.org/PGA/brdi/PGA_053682">Mark Segal at the EPA for his input on the regulations surrounding the release of recombinant biological materials into the environment.</a></div><br />
<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 6 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Outreach" target="_blank">Outreach</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a style="text-decoration: none" href="http://www.dna20.com/" target="_blank">DNA 2.0 for their advice, sponsorship, and facility tour.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 7 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Building_The_Drone" target="_blank">Building the UAV</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://www.ecovativedesign.com" target="_blank">Ecovative for the production of our mycelium drone components.</a></div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://agic.cc" target="_blank">AgiC for providing us with silver ink pens for producing drawn circuits and for printing circuits on our cellulose-based biomaterials.</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 8 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center>Art &amp; Design</h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Wiki built using the Zurb Foundation framework and brought to you by iGEM and MediaWiki.</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Sponsor List ====== --><br />
<br />
<div class="row"> <br />
<div id="thanks" class="small-9 small-centered columns"><br />
<h4><center>Special Thanks to Our Sponsors</center></h4><br />
<h6 style="text-decoration: none"><center> <br />
<a style="text-decoration: none" href="http://www.dna20.com/" target="_blank">DNA 2.0</a> ●<br />
<a href="http://www.mathworks.com/" target="_blank">Mathworks</a> ● <br />
<a href="http://www.idt.com/" target="_blank">IDT </a> ●<br />
<a href="http://www.geneious.com/" target="_blank">Geneious </a><br><br />
<a href="http://www.planetary.brown.edu/RI_Space_Grant/" target="_blank">Rhode Island Space Grant </a> ● <br />
<a href="http://www.gasgc.org/" target="_blank">Georgia Space Grant </a><br><br />
<a href="http://www.nasa.gov/centers/ames/cct/office/cif/2014/index.html#.U9wAQPldVKI" target="_blank">NASA Ames Directors’ Investment Fund </a><br><br />
<a href="http://www.brown.edu/about/administration/president/" target="_blank">Brown University Office of the President </a><br><br />
<a href="http://www.brown.edu/academics/college/fellowships/utra/" target="_blank">Brown University UTRA </a> ● <br />
<a href="http://bioengineering.stanford.edu/education/REU.html" target="_blank">Stanford University REU</a><br> <br />
<a href="http://www.nasa.gov/centers/ames/cct/index.html#.VDzeHeeEjhM" target="_blank">NASA Ames Office of the Center Chief Technologist </a> </center> <br />
</h6><br />
<br />
</div><br />
</div><br />
<!-- ====== Cell Spacer 5 ====== --><br />
<br />
<div class="row" id="precontact"><br />
<div class="small-3 small-centered columns cells6"><br />
</div><br />
</div><br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="pdfs/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp; Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Safety
Team:StanfordBrownSpelman/Safety
2014-10-18T03:29:33Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014 — BioBricks</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<!-- ====== Standard Navigation Bar ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/a/a4/SBSiGEM2014_Safety_Icon.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h3><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Safety">Safety</a></h3><br />
<div class="boxedmenu"><br />
<h7><center><a href="#" id="methods">Live Wasps</a> ● <a href="#" id="pics">Wasp Trapping</a><br><a href="#" id="chassis">Amberless Chassis</a> ● <a href="#" id="links">Safety Form</a> ● <a href="#" id="pics" class="ourLab">Our Lab</a></h7><br />
</div><br />
<h5 id="int"><center>Summary</h5><br />
<h6> The Rothschild lab hosts student interns at NASA Ames Research Center. As such, we must complete online training courses in chemical hygiene, hearing conservation, HAZCOM 2012, hazardous waste/environmental safety, and personal protective equipment, as well as an instructor-led lab safety practical. <br></br><br />
<br />
The most important factor in good laboratory practice is personal safety. To that end, we adhered to the use of nitrile gloves for all lab work, as well as safety goggles for any work with irritants, toxic compounds, or liquid nitrogen. In addition, we divided our workspace into separate areas for computer work, bench work (for daily lab procedures), and work in the fume hood (for work with corrosives and organic solvents).</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="process" class="small-3 small-centered columns cells6"><br />
</div><br />
</div><br />
<br />
<!-- ====== Methods ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Working with Live Wasps</center></h5><br />
<h6> The public often responded with surprise and occasional gasps whenever we mentioned that we caught our own wasps for our waterproofing project. Wasps have frightening reputations, mostly because they defend themselves with venomous stings – but just like bacteria, some wasps are safer than others. We were fortunate enough to work with the European paper wasp (<i>Polistes dominula</i>), which is a relatively non-aggressive species of paper wasp. We also caught our wasps under the guidance of Dr. Dave Kavanaugh, chairman and curator of entomology at the California Academy of Sciences. <br></br><br />
<br />
Dr. Kavanaugh's tutelage got us through our wasp wranglin' escapade injury-free and with minimal stress to the wasps. He provided us with butterfly nets, with which it was an easy feat to catch the wasps in mid-air, as they fly rather slowly when near their nests. The wasps are not aggressive unless their nest is disturbed or if they've been trapped in a net. While both of these situations did inevitably occur, we were safe to insert gloved hands into the nets to coax trapped wasps into empty 2mL tubes, as the wasps cannot sting through nitrile gloves. Once in the tubes, we placed the wasps in an insulated container with ice. This calmed them down to a lethargic state, at which point we could proceed with dissections and RNA extraction. </h6> <br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="images" class="small-3 small-centered columns cells2"><br />
</div><br />
</div><br />
<br />
<!-- ====== Photo Cascade ====== --><br />
<br />
<div class="row"><br />
<div class="small-9 small-centered columns"><br />
<div id="photo" class="small-6 columns"><br />
<ul class="small-block-grid-3 no-bullet"><br />
<li><img src="https://static.igem.org/mediawiki/2014/e/eb/SBSiGEM2014_Wasps2.jpg"></li><h6>Kyla Ugwu examines a wasp she trapped during our specimen collection expedition at the beginning of summer 2014.</h6><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/8/8e/SBSiGEM2014_Wasps4.jpg"></li><h6>Our team of wasp trappers celebrates our success with California Academy of Sciences entomologist Dave Kavanaugh.</h6><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/7/71/SBSiGEM2014_Wasps11.jpg"></li><h6>A macroscopic image of a paper wasp we collected and stored in a tube of RNA<i>later</i>® for tissue preservation.</h6><br />
</ul><br />
</div><br />
<div id="photo" class="small-6 columns end"><br />
<ul class="small-block-grid-1 no-bullet"><br />
<br><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/f/f6/SBSiGEM2014_Wasps5.jpg"></li><h6>Ben Doughty and Eli Block swing in attempts to catch flying paper wasps in Petaluma, California. Our team collected wasps inhabiting the eaves of an old barn. Paper wasps are surprisingly docile, and no one on our team was ever stung!</h6><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/2/27/SBSiGEM2014_Wasps1.jpg"></li><h6>Ian Hull collecting a live paper wasp inside a sterile jar. When trapped, paper wasps only ever move upward and so fitting them into collection tubes from below is quite safe.</h6><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="amberlesschassis" class="small-3 small-centered columns cells6"><br />
</div><br />
</div><br />
<br />
<!-- ====== Methods ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<br />
<h5><center>The Amberless Chassis</center></h5><br />
<h6>In addition to safe laboratory practices, we also examined environmental safety concerns. An end goal of our project would be the flight of our biological drone in nature, and if such a system contained live cells, we would run the risk of the horizontal transfer of our engineered genes to wild organisms, which would be unpredictable and potentially harmful to the ecosystem. To combat this, we are looking at the use of an “amberless” system in which the tRNA of our model organism is modified such that the UAG stop codon – called “amber” – codes instead for leucine. This way, if these genes are transferred to wild-type organisms, they will interpret the UAGs as a stop, and the resulting polypeptide would be truncated and non-functional.<br></br><br />
<br />
We have discussed this system with Mark Segal at the Environmental Protection Agency, and we are beginning to examine the possibility of regulating the environmental testing of genetically-engineered organisms using an amberless chassis to prevent gene transfer. Stay tuned! </h6> <br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 3 ====== --><br />
<br />
<div class="row"><br />
<div id="references" class="small-3 small-centered columns cells7"><br />
</div><br />
</div><br />
<br />
<!-- ====== Photo Cascade ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<br />
<h5><center>Safety Form</h5><br />
<h6><br />
<center>Our lab safety form can be found <a href = "https://igem.org/Safety/Safety_Form?team_id=1499"> <u>here</u> </a>.</center></div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 3 ====== --><br />
<br />
<div class="row"><br />
<div id="images" class="small-3 small-centered columns cells4, ourLab2"><br />
</div><br />
</div><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Our Lab</h5><br />
<h6><br />
</p>Our lab is unique in that it is located in building 239, the Astrobiology and Life Sciences Research Laboratory, at NASA Ames Research Center. The surface of the building is pockmarked to look like the surface of the moon.<br />
<br />
</p>Besides being the home for the Stanford-Brown-Spelman iGEM team, The Astrobiology and Life Sciences Research Laboratories contain the Human Environmental Test Facility and the Advanced Studies Laboratories (ASL), used for research in biomedicine, astrobiology, ecosystem science, Closed Ecological Life-Support Systems (CELSS), Environmental Controls and Life Support Systems (ECLSS), nanotechnology, and Synthetic Biology. The Astrobiology facilities include basic and applied research laboratories in astrochemistry, the cosmic evolution of biogenic elements and molecules, planetary pre-biotic chemistry, geology, the early organization and evolution of life, the evolution of complex organisms, and ecological studies. Some laboratory facilities include instrument development capabilities and analytical equipment for the characterization of gas and aqueous chemistry, instruments for the detection of various biomarkers including sugars and organics, microbiology facilities, including the culture of microbial mat communities and planetary protection testing, electron and Raman microscopy facilities, molecular biology capabilities, and bioinformatics computational capabilities. Laboratories in this facility are operated by NASA personnel and the University of California. <br />
</p><br />
<br />
<br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Cell Spacer 6 ====== --><br />
<br />
<div class="row"><br />
<div id="precontact" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<br />
<div class="row"><br />
<div class="small-9 small-centered columns"><br />
<div id="photo" class="small-6 columns"><br />
<ul class="small-block-grid-3 no-bullet"><br />
<li><img src="https://static.igem.org/mediawiki/2014/9/92/Safety_Training_1.jpg"></li><h6>Day 0. All members participate in lab safety training.</h6><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/a/a6/Safety_Training_2.jpg"></li><h6>The team watches Kosuke lead safety training.</h6><br><br />
<br />
</div><br />
<div id="photo" class="small-6 columns end"><br />
<ul class="small-block-grid-1 no-bullet"><br />
<br><br><br />
<br />
<br />
<li><img src="https://static.igem.org/mediawiki/2014/6/66/Ben_in_the_hood.JPG"></li><h6>Ben Doughty uses a laminar flow hood.</h6><br />
<br />
<br />
<br />
<li><img src="https://static.igem.org/mediawiki/2014/1/11/Jovita_Pipetting.JPG"></li><h6>Jovita pipettes while wearing proper gloves and lab attire.</h6><br />
<br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="https://static.igem.org/mediawiki/2014/8/86/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp; Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<br />
<br />
<br><br />
<br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll
Team:StanfordBrownSpelman/jquery.scroll
2014-10-18T03:28:46Z
<p>Angelofspeed: </p>
<hr />
<div>$(document).ready(function() {<br />
<br />
var scrollSpeed = 750;<br />
var space = -10;<br />
<br />
$("#team").click(function() {<br />
$('body, html').animate({<br />
scrollTop: $("#teamNoodle").offset().top + space<br />
}, scrollSpeed);<br />
return false;<br />
});<br />
<br />
$("#project").click(function() {<br />
$('body, html').animate({<br />
scrollTop: $("#Projects").offset().top<br />
}, scrollSpeed);<br />
return false;<br />
});<br />
<br />
$("#wiki").click(function() {<br />
$('body, html').animate({<br />
scrollTop: $("#splash").offset().top + space<br />
}, scrollSpeed);<br />
return false;<br />
});<br />
<br />
$("#contact").click(function() {<br />
$('body, html').animate({<br />
scrollTop: $("#precontact").offset().top + space<br />
}, scrollSpeed);<br />
return false;<br />
});<br />
<br />
$("#future").click(function() {<br />
$('body, html').animate({<br />
scrollTop: $("#forecast").offset().top + space<br />
}, scrollSpeed);<br />
return false;<br />
});<br />
<br />
$("#wax").click(function() {<br />
$('body, html').animate({<br />
scrollTop: $("#esters").offset().top + space<br />
}, scrollSpeed);<br />
return false;<br />
});<br />
<br />
$("#pics").click(function() {<br />
$('body, html').animate({<br />
scrollTop: $("#images").offset().top + space<br />
}, scrollSpeed);<br />
return false;<br />
});<br />
<br />
$("#intro").click(function() {<br />
$('body, html').animate({<br />
scrollTop: $("#int").offset().top + space<br />
}, scrollSpeed);<br />
return false;<br />
});<br />
<br />
$("#data").click(function() {<br />
$('body, html').animate({<br />
scrollTop: $("#results").offset().top + space<br />
}, scrollSpeed);<br />
return false;<br />
});<br />
<br />
$("#methods").click(function() {<br />
$('body, html').animate({<br />
scrollTop: $("#process").offset().top + space<br />
}, scrollSpeed);<br />
return false;<br />
});<br />
<br />
$("#links").click(function() {<br />
$('body, html').animate({<br />
scrollTop: $("#references").offset().top + space<br />
}, scrollSpeed);<br />
return false;<br />
});<br />
<br />
$("#conclude").click(function() {<br />
$('body, html').animate({<br />
scrollTop: $("#final").offset().top + space<br />
}, scrollSpeed);<br />
return false;<br />
});<br />
<br />
$("#chassis").click(function() {<br />
$('body, html').animate({<br />
scrollTop: $("#amberlesschassis").offset().top + space<br />
}, scrollSpeed);<br />
return false;<br />
});<br />
<br />
$(".ourLab").click(function() {<br />
$('body, html').animate({<br />
scrollTop: $(".ourLab2").offset().top + space<br />
}, scrollSpeed);<br />
return false;<br />
});<br />
<br />
$("#moreinfo").click(function() {<br />
$('body, html').animate({<br />
scrollTop: $("#linkout").offset().top + space<br />
}, scrollSpeed);<br />
return false;<br />
});<br />
<br />
$("#top").click(function() {<br />
$('body, html').animate({<br />
scrollTop: $("#header").offset().top - $("#header").height()<br />
}, scrollSpeed);<br />
return false;<br />
});<br />
<br />
$("#top2").click(function() {<br />
$('body, html').animate({<br />
scrollTop: '0px'}, scrollSpeed);<br />
return false;<br />
});<br />
<br />
$("#top3").click(function() {<br />
$('body, html').animate({<br />
scrollTop: '0px'}, scrollSpeed);<br />
return false;<br />
});<br />
<br />
$("#contact").click(function() {<br />
$('body, html').animate({<br />
scrollTop: $("#test2").offset().top + space<br />
}, scrollSpeed);<br />
return false; <br />
});<br />
});</div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Safety
Team:StanfordBrownSpelman/Safety
2014-10-18T03:28:44Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014 — BioBricks</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<!-- ====== Standard Navigation Bar ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/a/a4/SBSiGEM2014_Safety_Icon.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h3><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Safety">Safety</a></h3><br />
<div class="boxedmenu"><br />
<h7><center><a href="#" id="methods">Live Wasps</a> ● <a href="#" id="pics">Wasp Trapping</a><br><a href="#" id="chassis">Amberless Chassis</a> ● <a href="#" id="links">Safety Form</a> ● <a href="#" id="pics class="ourLab">Our Lab</a></h7><br />
</div><br />
<h5 id="int"><center>Summary</h5><br />
<h6> The Rothschild lab hosts student interns at NASA Ames Research Center. As such, we must complete online training courses in chemical hygiene, hearing conservation, HAZCOM 2012, hazardous waste/environmental safety, and personal protective equipment, as well as an instructor-led lab safety practical. <br></br><br />
<br />
The most important factor in good laboratory practice is personal safety. To that end, we adhered to the use of nitrile gloves for all lab work, as well as safety goggles for any work with irritants, toxic compounds, or liquid nitrogen. In addition, we divided our workspace into separate areas for computer work, bench work (for daily lab procedures), and work in the fume hood (for work with corrosives and organic solvents).</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="process" class="small-3 small-centered columns cells6"><br />
</div><br />
</div><br />
<br />
<!-- ====== Methods ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Working with Live Wasps</center></h5><br />
<h6> The public often responded with surprise and occasional gasps whenever we mentioned that we caught our own wasps for our waterproofing project. Wasps have frightening reputations, mostly because they defend themselves with venomous stings – but just like bacteria, some wasps are safer than others. We were fortunate enough to work with the European paper wasp (<i>Polistes dominula</i>), which is a relatively non-aggressive species of paper wasp. We also caught our wasps under the guidance of Dr. Dave Kavanaugh, chairman and curator of entomology at the California Academy of Sciences. <br></br><br />
<br />
Dr. Kavanaugh's tutelage got us through our wasp wranglin' escapade injury-free and with minimal stress to the wasps. He provided us with butterfly nets, with which it was an easy feat to catch the wasps in mid-air, as they fly rather slowly when near their nests. The wasps are not aggressive unless their nest is disturbed or if they've been trapped in a net. While both of these situations did inevitably occur, we were safe to insert gloved hands into the nets to coax trapped wasps into empty 2mL tubes, as the wasps cannot sting through nitrile gloves. Once in the tubes, we placed the wasps in an insulated container with ice. This calmed them down to a lethargic state, at which point we could proceed with dissections and RNA extraction. </h6> <br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="images" class="small-3 small-centered columns cells2"><br />
</div><br />
</div><br />
<br />
<!-- ====== Photo Cascade ====== --><br />
<br />
<div class="row"><br />
<div class="small-9 small-centered columns"><br />
<div id="photo" class="small-6 columns"><br />
<ul class="small-block-grid-3 no-bullet"><br />
<li><img src="https://static.igem.org/mediawiki/2014/e/eb/SBSiGEM2014_Wasps2.jpg"></li><h6>Kyla Ugwu examines a wasp she trapped during our specimen collection expedition at the beginning of summer 2014.</h6><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/8/8e/SBSiGEM2014_Wasps4.jpg"></li><h6>Our team of wasp trappers celebrates our success with California Academy of Sciences entomologist Dave Kavanaugh.</h6><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/7/71/SBSiGEM2014_Wasps11.jpg"></li><h6>A macroscopic image of a paper wasp we collected and stored in a tube of RNA<i>later</i>® for tissue preservation.</h6><br />
</ul><br />
</div><br />
<div id="photo" class="small-6 columns end"><br />
<ul class="small-block-grid-1 no-bullet"><br />
<br><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/f/f6/SBSiGEM2014_Wasps5.jpg"></li><h6>Ben Doughty and Eli Block swing in attempts to catch flying paper wasps in Petaluma, California. Our team collected wasps inhabiting the eaves of an old barn. Paper wasps are surprisingly docile, and no one on our team was ever stung!</h6><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/2/27/SBSiGEM2014_Wasps1.jpg"></li><h6>Ian Hull collecting a live paper wasp inside a sterile jar. When trapped, paper wasps only ever move upward and so fitting them into collection tubes from below is quite safe.</h6><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="amberlesschassis" class="small-3 small-centered columns cells6"><br />
</div><br />
</div><br />
<br />
<!-- ====== Methods ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<br />
<h5><center>The Amberless Chassis</center></h5><br />
<h6>In addition to safe laboratory practices, we also examined environmental safety concerns. An end goal of our project would be the flight of our biological drone in nature, and if such a system contained live cells, we would run the risk of the horizontal transfer of our engineered genes to wild organisms, which would be unpredictable and potentially harmful to the ecosystem. To combat this, we are looking at the use of an “amberless” system in which the tRNA of our model organism is modified such that the UAG stop codon – called “amber” – codes instead for leucine. This way, if these genes are transferred to wild-type organisms, they will interpret the UAGs as a stop, and the resulting polypeptide would be truncated and non-functional.<br></br><br />
<br />
We have discussed this system with Mark Segal at the Environmental Protection Agency, and we are beginning to examine the possibility of regulating the environmental testing of genetically-engineered organisms using an amberless chassis to prevent gene transfer. Stay tuned! </h6> <br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 3 ====== --><br />
<br />
<div class="row"><br />
<div id="references" class="small-3 small-centered columns cells7"><br />
</div><br />
</div><br />
<br />
<!-- ====== Photo Cascade ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<br />
<h5><center>Safety Form</h5><br />
<h6><br />
<center>Our lab safety form can be found <a href = "https://igem.org/Safety/Safety_Form?team_id=1499"> <u>here</u> </a>.</center></div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 3 ====== --><br />
<br />
<div class="row"><br />
<div id="images" class="small-3 small-centered columns cells4, ourLab2"><br />
</div><br />
</div><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Our Lab</h5><br />
<h6><br />
</p>Our lab is unique in that it is located in building 239, the Astrobiology and Life Sciences Research Laboratory, at NASA Ames Research Center. The surface of the building is pockmarked to look like the surface of the moon.<br />
<br />
</p>Besides being the home for the Stanford-Brown-Spelman iGEM team, The Astrobiology and Life Sciences Research Laboratories contain the Human Environmental Test Facility and the Advanced Studies Laboratories (ASL), used for research in biomedicine, astrobiology, ecosystem science, Closed Ecological Life-Support Systems (CELSS), Environmental Controls and Life Support Systems (ECLSS), nanotechnology, and Synthetic Biology. The Astrobiology facilities include basic and applied research laboratories in astrochemistry, the cosmic evolution of biogenic elements and molecules, planetary pre-biotic chemistry, geology, the early organization and evolution of life, the evolution of complex organisms, and ecological studies. Some laboratory facilities include instrument development capabilities and analytical equipment for the characterization of gas and aqueous chemistry, instruments for the detection of various biomarkers including sugars and organics, microbiology facilities, including the culture of microbial mat communities and planetary protection testing, electron and Raman microscopy facilities, molecular biology capabilities, and bioinformatics computational capabilities. Laboratories in this facility are operated by NASA personnel and the University of California. <br />
</p><br />
<br />
<br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Cell Spacer 6 ====== --><br />
<br />
<div class="row"><br />
<div id="precontact" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<br />
<div class="row"><br />
<div class="small-9 small-centered columns"><br />
<div id="photo" class="small-6 columns"><br />
<ul class="small-block-grid-3 no-bullet"><br />
<li><img src="https://static.igem.org/mediawiki/2014/9/92/Safety_Training_1.jpg"></li><h6>Day 0. All members participate in lab safety training.</h6><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/a/a6/Safety_Training_2.jpg"></li><h6>The team watches Kosuke lead safety training.</h6><br><br />
<br />
</div><br />
<div id="photo" class="small-6 columns end"><br />
<ul class="small-block-grid-1 no-bullet"><br />
<br><br><br />
<br />
<br />
<li><img src="https://static.igem.org/mediawiki/2014/6/66/Ben_in_the_hood.JPG"></li><h6>Ben Doughty uses a laminar flow hood.</h6><br />
<br />
<br />
<br />
<li><img src="https://static.igem.org/mediawiki/2014/1/11/Jovita_Pipetting.JPG"></li><h6>Jovita pipettes while wearing proper gloves and lab attire.</h6><br />
<br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="https://static.igem.org/mediawiki/2014/8/86/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp; Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<br />
<br />
<br><br />
<br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Safety
Team:StanfordBrownSpelman/Safety
2014-10-18T03:28:21Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014 — BioBricks</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<!-- ====== Standard Navigation Bar ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/a/a4/SBSiGEM2014_Safety_Icon.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h3><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Safety">Safety</a></h3><br />
<div class="boxedmenu"><br />
<h7><center><a href="#" id="methods">Live Wasps</a> ● <a href="#" id="pics">Wasp Trapping</a><br><a href="#" id="chassis">Amberless Chassis</a> ● <a href="#" id="links">Safety Form</a> ● <a href="#" id="pics class="ourLab">Our Lab</a></h7><br />
</div><br />
<h5 id="int"><center>Summary</h5><br />
<h6> The Rothschild lab hosts student interns at NASA Ames Research Center. As such, we must complete online training courses in chemical hygiene, hearing conservation, HAZCOM 2012, hazardous waste/environmental safety, and personal protective equipment, as well as an instructor-led lab safety practical. <br></br><br />
<br />
The most important factor in good laboratory practice is personal safety. To that end, we adhered to the use of nitrile gloves for all lab work, as well as safety goggles for any work with irritants, toxic compounds, or liquid nitrogen. In addition, we divided our workspace into separate areas for computer work, bench work (for daily lab procedures), and work in the fume hood (for work with corrosives and organic solvents).</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="process" class="small-3 small-centered columns cells6"><br />
</div><br />
</div><br />
<br />
<!-- ====== Methods ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Working with Live Wasps</center></h5><br />
<h6> The public often responded with surprise and occasional gasps whenever we mentioned that we caught our own wasps for our waterproofing project. Wasps have frightening reputations, mostly because they defend themselves with venomous stings – but just like bacteria, some wasps are safer than others. We were fortunate enough to work with the European paper wasp (<i>Polistes dominula</i>), which is a relatively non-aggressive species of paper wasp. We also caught our wasps under the guidance of Dr. Dave Kavanaugh, chairman and curator of entomology at the California Academy of Sciences. <br></br><br />
<br />
Dr. Kavanaugh's tutelage got us through our wasp wranglin' escapade injury-free and with minimal stress to the wasps. He provided us with butterfly nets, with which it was an easy feat to catch the wasps in mid-air, as they fly rather slowly when near their nests. The wasps are not aggressive unless their nest is disturbed or if they've been trapped in a net. While both of these situations did inevitably occur, we were safe to insert gloved hands into the nets to coax trapped wasps into empty 2mL tubes, as the wasps cannot sting through nitrile gloves. Once in the tubes, we placed the wasps in an insulated container with ice. This calmed them down to a lethargic state, at which point we could proceed with dissections and RNA extraction. </h6> <br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="images" class="small-3 small-centered columns cells2"><br />
</div><br />
</div><br />
<br />
<!-- ====== Photo Cascade ====== --><br />
<br />
<div class="row"><br />
<div class="small-9 small-centered columns"><br />
<div id="photo" class="small-6 columns"><br />
<ul class="small-block-grid-3 no-bullet"><br />
<li><img src="https://static.igem.org/mediawiki/2014/e/eb/SBSiGEM2014_Wasps2.jpg"></li><h6>Kyla Ugwu examines a wasp she trapped during our specimen collection expedition at the beginning of summer 2014.</h6><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/8/8e/SBSiGEM2014_Wasps4.jpg"></li><h6>Our team of wasp trappers celebrates our success with California Academy of Sciences entomologist Dave Kavanaugh.</h6><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/7/71/SBSiGEM2014_Wasps11.jpg"></li><h6>A macroscopic image of a paper wasp we collected and stored in a tube of RNA<i>later</i>® for tissue preservation.</h6><br />
</ul><br />
</div><br />
<div id="photo" class="small-6 columns end"><br />
<ul class="small-block-grid-1 no-bullet"><br />
<br><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/f/f6/SBSiGEM2014_Wasps5.jpg"></li><h6>Ben Doughty and Eli Block swing in attempts to catch flying paper wasps in Petaluma, California. Our team collected wasps inhabiting the eaves of an old barn. Paper wasps are surprisingly docile, and no one on our team was ever stung!</h6><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/2/27/SBSiGEM2014_Wasps1.jpg"></li><h6>Ian Hull collecting a live paper wasp inside a sterile jar. When trapped, paper wasps only ever move upward and so fitting them into collection tubes from below is quite safe.</h6><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="amberlesschassis" class="small-3 small-centered columns cells6"><br />
</div><br />
</div><br />
<br />
<!-- ====== Methods ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<br />
<h5><center>The Amberless Chassis</center></h5><br />
<h6>In addition to safe laboratory practices, we also examined environmental safety concerns. An end goal of our project would be the flight of our biological drone in nature, and if such a system contained live cells, we would run the risk of the horizontal transfer of our engineered genes to wild organisms, which would be unpredictable and potentially harmful to the ecosystem. To combat this, we are looking at the use of an “amberless” system in which the tRNA of our model organism is modified such that the UAG stop codon – called “amber” – codes instead for leucine. This way, if these genes are transferred to wild-type organisms, they will interpret the UAGs as a stop, and the resulting polypeptide would be truncated and non-functional.<br></br><br />
<br />
We have discussed this system with Mark Segal at the Environmental Protection Agency, and we are beginning to examine the possibility of regulating the environmental testing of genetically-engineered organisms using an amberless chassis to prevent gene transfer. Stay tuned! </h6> <br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 3 ====== --><br />
<br />
<div class="row"><br />
<div id="references" class="small-3 small-centered columns cells7"><br />
</div><br />
</div><br />
<br />
<!-- ====== Photo Cascade ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<br />
<h5><center>Safety Form</h5><br />
<h6><br />
<center>Our lab safety form can be found <a href = "https://igem.org/Safety/Safety_Form?team_id=1499"> <u>here</u> </a>.</center></div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 3 ====== --><br />
<br />
<div class="row"><br />
<div id="images" class="small-3 small-centered columns cells4, ourLab"><br />
</div><br />
</div><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Our Lab</h5><br />
<h6><br />
</p>Our lab is unique in that it is located in building 239, the Astrobiology and Life Sciences Research Laboratory, at NASA Ames Research Center. The surface of the building is pockmarked to look like the surface of the moon.<br />
<br />
</p>Besides being the home for the Stanford-Brown-Spelman iGEM team, The Astrobiology and Life Sciences Research Laboratories contain the Human Environmental Test Facility and the Advanced Studies Laboratories (ASL), used for research in biomedicine, astrobiology, ecosystem science, Closed Ecological Life-Support Systems (CELSS), Environmental Controls and Life Support Systems (ECLSS), nanotechnology, and Synthetic Biology. The Astrobiology facilities include basic and applied research laboratories in astrochemistry, the cosmic evolution of biogenic elements and molecules, planetary pre-biotic chemistry, geology, the early organization and evolution of life, the evolution of complex organisms, and ecological studies. Some laboratory facilities include instrument development capabilities and analytical equipment for the characterization of gas and aqueous chemistry, instruments for the detection of various biomarkers including sugars and organics, microbiology facilities, including the culture of microbial mat communities and planetary protection testing, electron and Raman microscopy facilities, molecular biology capabilities, and bioinformatics computational capabilities. Laboratories in this facility are operated by NASA personnel and the University of California. <br />
</p><br />
<br />
<br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Cell Spacer 6 ====== --><br />
<br />
<div class="row"><br />
<div id="precontact" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<br />
<div class="row"><br />
<div class="small-9 small-centered columns"><br />
<div id="photo" class="small-6 columns"><br />
<ul class="small-block-grid-3 no-bullet"><br />
<li><img src="https://static.igem.org/mediawiki/2014/9/92/Safety_Training_1.jpg"></li><h6>Day 0. All members participate in lab safety training.</h6><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/a/a6/Safety_Training_2.jpg"></li><h6>The team watches Kosuke lead safety training.</h6><br><br />
<br />
</div><br />
<div id="photo" class="small-6 columns end"><br />
<ul class="small-block-grid-1 no-bullet"><br />
<br><br><br />
<br />
<br />
<li><img src="https://static.igem.org/mediawiki/2014/6/66/Ben_in_the_hood.JPG"></li><h6>Ben Doughty uses a laminar flow hood.</h6><br />
<br />
<br />
<br />
<li><img src="https://static.igem.org/mediawiki/2014/1/11/Jovita_Pipetting.JPG"></li><h6>Jovita pipettes while wearing proper gloves and lab attire.</h6><br />
<br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="https://static.igem.org/mediawiki/2014/8/86/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp; Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<br />
<br />
<br><br />
<br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Safety
Team:StanfordBrownSpelman/Safety
2014-10-18T03:26:47Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014 — BioBricks</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<!-- ====== Standard Navigation Bar ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/a/a4/SBSiGEM2014_Safety_Icon.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h3><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Safety">Safety</a></h3><br />
<div class="boxedmenu"><br />
<h7><center><a href="#" id="methods">Live Wasps</a> ● <a href="#" id="pics">Wasp Trapping</a><br><a href="#" id="chassis">Amberless Chassis</a> ● <a href="#" id="links">Safety Form</a> ● <a href="#" id="pics class="ourLab">Our Lab</a></h7><br />
</div><br />
<h5 id="int"><center>Summary</h5><br />
<h6> The Rothschild lab hosts student interns at NASA Ames Research Center. As such, we must complete online training courses in chemical hygiene, hearing conservation, HAZCOM 2012, hazardous waste/environmental safety, and personal protective equipment, as well as an instructor-led lab safety practical. <br></br><br />
<br />
The most important factor in good laboratory practice is personal safety. To that end, we adhered to the use of nitrile gloves for all lab work, as well as safety goggles for any work with irritants, toxic compounds, or liquid nitrogen. In addition, we divided our workspace into separate areas for computer work, bench work (for daily lab procedures), and work in the fume hood (for work with corrosives and organic solvents).</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="process" class="small-3 small-centered columns cells6"><br />
</div><br />
</div><br />
<br />
<!-- ====== Methods ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Working with Live Wasps</center></h5><br />
<h6> The public often responded with surprise and occasional gasps whenever we mentioned that we caught our own wasps for our waterproofing project. Wasps have frightening reputations, mostly because they defend themselves with venomous stings – but just like bacteria, some wasps are safer than others. We were fortunate enough to work with the European paper wasp (<i>Polistes dominula</i>), which is a relatively non-aggressive species of paper wasp. We also caught our wasps under the guidance of Dr. Dave Kavanaugh, chairman and curator of entomology at the California Academy of Sciences. <br></br><br />
<br />
Dr. Kavanaugh's tutelage got us through our wasp wranglin' escapade injury-free and with minimal stress to the wasps. He provided us with butterfly nets, with which it was an easy feat to catch the wasps in mid-air, as they fly rather slowly when near their nests. The wasps are not aggressive unless their nest is disturbed or if they've been trapped in a net. While both of these situations did inevitably occur, we were safe to insert gloved hands into the nets to coax trapped wasps into empty 2mL tubes, as the wasps cannot sting through nitrile gloves. Once in the tubes, we placed the wasps in an insulated container with ice. This calmed them down to a lethargic state, at which point we could proceed with dissections and RNA extraction. </h6> <br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="images" class="small-3 small-centered columns cells2"><br />
</div><br />
</div><br />
<br />
<!-- ====== Photo Cascade ====== --><br />
<br />
<div class="row"><br />
<div class="small-9 small-centered columns"><br />
<div id="photo" class="small-6 columns"><br />
<ul class="small-block-grid-3 no-bullet"><br />
<li><img src="https://static.igem.org/mediawiki/2014/e/eb/SBSiGEM2014_Wasps2.jpg"></li><h6>Kyla Ugwu examines a wasp she trapped during our specimen collection expedition at the beginning of summer 2014.</h6><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/8/8e/SBSiGEM2014_Wasps4.jpg"></li><h6>Our team of wasp trappers celebrates our success with California Academy of Sciences entomologist Dave Kavanaugh.</h6><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/7/71/SBSiGEM2014_Wasps11.jpg"></li><h6>A macroscopic image of a paper wasp we collected and stored in a tube of RNA<i>later</i>® for tissue preservation.</h6><br />
</ul><br />
</div><br />
<div id="photo" class="small-6 columns end"><br />
<ul class="small-block-grid-1 no-bullet"><br />
<br><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/f/f6/SBSiGEM2014_Wasps5.jpg"></li><h6>Ben Doughty and Eli Block swing in attempts to catch flying paper wasps in Petaluma, California. Our team collected wasps inhabiting the eaves of an old barn. Paper wasps are surprisingly docile, and no one on our team was ever stung!</h6><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/2/27/SBSiGEM2014_Wasps1.jpg"></li><h6>Ian Hull collecting a live paper wasp inside a sterile jar. When trapped, paper wasps only ever move upward and so fitting them into collection tubes from below is quite safe.</h6><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="amberlesschassis" class="small-3 small-centered columns cells6"><br />
</div><br />
</div><br />
<br />
<!-- ====== Methods ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<br />
<h5><center>The Amberless Chassis</center></h5><br />
<h6>In addition to safe laboratory practices, we also examined environmental safety concerns. An end goal of our project would be the flight of our biological drone in nature, and if such a system contained live cells, we would run the risk of the horizontal transfer of our engineered genes to wild organisms, which would be unpredictable and potentially harmful to the ecosystem. To combat this, we are looking at the use of an “amberless” system in which the tRNA of our model organism is modified such that the UAG stop codon – called “amber” – codes instead for leucine. This way, if these genes are transferred to wild-type organisms, they will interpret the UAGs as a stop, and the resulting polypeptide would be truncated and non-functional.<br></br><br />
<br />
We have discussed this system with Mark Segal at the Environmental Protection Agency, and we are beginning to examine the possibility of regulating the environmental testing of genetically-engineered organisms using an amberless chassis to prevent gene transfer. Stay tuned! </h6> <br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 3 ====== --><br />
<br />
<div class="row"><br />
<div id="references" class="small-3 small-centered columns cells7"><br />
</div><br />
</div><br />
<br />
<!-- ====== Photo Cascade ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<br />
<h5><center>Safety Form</h5><br />
<h6><br />
<center>Our lab safety form can be found <a href = "https://igem.org/Safety/Safety_Form?team_id=1499"> <u>here</u> </a>.</center></div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 3 ====== --><br />
<br />
<div class="row"><br />
<div id="images" class="small-3 small-centered columns cells4"><br />
</div><br />
</div><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Our Lab</h5><br />
<h6><br />
</p>Our lab is unique in that it is located in building 239, the Astrobiology and Life Sciences Research Laboratory, at NASA Ames Research Center. The surface of the building is pockmarked to look like the surface of the moon.<br />
<br />
</p>Besides being the home for the Stanford-Brown-Spelman iGEM team, The Astrobiology and Life Sciences Research Laboratories contain the Human Environmental Test Facility and the Advanced Studies Laboratories (ASL), used for research in biomedicine, astrobiology, ecosystem science, Closed Ecological Life-Support Systems (CELSS), Environmental Controls and Life Support Systems (ECLSS), nanotechnology, and Synthetic Biology. The Astrobiology facilities include basic and applied research laboratories in astrochemistry, the cosmic evolution of biogenic elements and molecules, planetary pre-biotic chemistry, geology, the early organization and evolution of life, the evolution of complex organisms, and ecological studies. Some laboratory facilities include instrument development capabilities and analytical equipment for the characterization of gas and aqueous chemistry, instruments for the detection of various biomarkers including sugars and organics, microbiology facilities, including the culture of microbial mat communities and planetary protection testing, electron and Raman microscopy facilities, molecular biology capabilities, and bioinformatics computational capabilities. Laboratories in this facility are operated by NASA personnel and the University of California. <br />
</p><br />
<br />
<br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Cell Spacer 6 ====== --><br />
<br />
<div class="row"><br />
<div id="precontact" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="https://static.igem.org/mediawiki/2014/8/86/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp; Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<br />
<br />
<br><br />
<br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman
Team:StanfordBrownSpelman
2014-10-18T03:20:30Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<!-- ====== Navigation ====== --><br />
<br />
<nav id="navigation"><br />
<div class="projects underline"><h6 id="project"><a href="#SBS iGEM">Projects</a></h6><br />
<h6><a href='https://2014.igem.org/Team:StanfordBrownSpelman/Achievements'>Achievements</a></h6><br />
<h6><a href='https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks'>BioBricks</a></h6><br />
<h6><a href='https://2014.igem.org/Team:StanfordBrownSpelman/Modelling'>Modeling</a></h6><br />
<h6><a href='https://2014.igem.org/Team:StanfordBrownSpelman/Building_The_Drone'>Building a UAV</a></h6><br />
<h6><a href='https://2014.igem.org/Team:StanfordBrownSpelman/Human_Practices'>Human Practices</a></h6><br />
<h6><a href='https://2014.igem.org/Team:StanfordBrownSpelman/Outreach'>Outreach</a></h6><br />
<h6><a href='https://2014.igem.org/Team:StanfordBrownSpelman/Attributions'>Attributions</a></h6><br />
<h6><a href='https://2014.igem.org/Team:StanfordBrownSpelman/Lab'>Lab Notebook</a></h6><br />
<h6><a href='https://2014.igem.org/Team:StanfordBrownSpelman/Safety'>Safety</a></h6><br />
<h6><a href='https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team'>Team</a></h6><br />
<h6 id='contact'><a href='#'>Contact</a></h6><br />
</div><br />
<div id="wiki" class="wiki"><h6><a href="#" id="top2">Top</a></h6></div><br />
<div class="team"><h6><a href="#" id="top3">iGEM 2014<br>Stanford-Brown-Spelman</a></h6></div><br />
<div id="iGEMimagelogomain" class="contact"><h6><a href="https://igem.org"><img src="https://static.igem.org/mediawiki/2014/5/52/SBSiGEM2014_iGEM_Logo_Original.jpg"></a></h6></div><br />
</nav><br />
<br />
<!-- ====== Border ====== <br />
<br />
<div id="left"></div><br />
<div id="right"></div><br />
<div id="roof"></div><br />
<div id="bottom"></div><br />
<br />
--><br />
<br />
<!-- ====== Splash ====== --><br />
<br />
<div id="landing"><br />
<div class="row"><br />
<div class="small-8 small-centered columns"><br />
<!-- <h6 id="title">SBS iGEM</h6> --><br />
</div><br />
</div><br />
</div><br />
<br />
<!-- ====== Redirect Return Placeholder ====== --><br />
<br />
<div class="row"><br />
<div id="redirect" class="small-3 small-centered columns placeholder2"><br />
</div><br />
</div><br />
<br />
<!-- ====== Projects Return Placeholder ====== --><br />
<br />
<div class="row"><br />
<div id="place" class="small-3 small-centered columns placeholder"><br />
</div><br />
</div><br />
<br />
<!-- ====== Projects ====== --><br />
<br />
<div class="row" id="Projects"><br />
<div id="work" class="small-8 small-centered columns"><br />
<h6 style="text-decoration: none; border:none"><br />
<div class="sub3"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Cellulose_Acetate"><img id="cellulosePic" src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_Cellulose_Icon.png"></a><h4><a class ="categories" href="https://2014.igem.org/Team:StanfordBrownSpelman/Cellulose_Acetate">Biomaterials</a></h4>We produced a moldable &amp; 3D printable bioplastic by transferring the acetylation machinery from <a href="http://en.wikipedia.org/wiki/Pseudomonas_fluorescens" target="_blank"><i>Pseudomonas fluorescens</i></a> into <a href="http://en.wikipedia.org/wiki/Acetobacter#Acetobacter"><i>Gluconacetobacter hansenii.</i></a></div><br />
<div class="sub2"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Amberless_Hell_Cell"><img id="hellCellPic" src="https://static.igem.org/mediawiki/2014/c/c6/SBS_iGEM_2014_Hell_Cell.png" class="two"></a><h4><a class ="categories" href="https://2014.igem.org/Team:StanfordBrownSpelman/Amberless_Hell_Cell">Amberless Hell Cell</a></h4>We generated hearty, radiation, heat, &amp; cold resistant bacteria that exemplify codon security and can't transfer engineered genes into the environment.</div><br />
<div class="sub3"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Material_Waterproofing"><img id="waterPic" src="https://static.igem.org/mediawiki/2014/1/18/SBS_iGEM_2014_Waterproofing.png"></a><h4><a class ="categories" href="https://2014.igem.org/Team:StanfordBrownSpelman/Material_Waterproofing">Material Waterproofing</a></h4>Our team biomimetically pursued novel wasp proteins and bacterial wax esters that prevent water absorbance without being toxic to the surrounding ecosystem.</a></div><br />
<div class="sub2"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability"><img id="biodegradePic" src="https://static.igem.org/mediawiki/2014/7/71/SBS_iGEM_2014_Biodegradation.png" class="two"></a><h4><a class ="categories" href="https://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability">Biodegradability</a></h4>Though cellulose acetate is an inherently biodegradable material, our team undertook to actively degrade the biomaterial to streamline the process.</div><br />
<div class="sub3"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Cellulose_Cross_Linker"><img id="cellulosePic2" src="https://static.igem.org/mediawiki/2014/b/b7/SBSiGEM2014_Cellulose_Cross_Linker.png"></a><h4><a class ="categories" href="https://2014.igem.org/Team:StanfordBrownSpelman/Cellulose_Cross_Linker">Cellulose Cross-Linker</a></h4>We designed a system for both strengthening cellulose and attaching biosensors and other biological cells to cellulose surfaces.</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="teamNoodle" class="small-3 small-centered columns cells"><br />
</div><br />
</div><br />
<br />
<!-- ====== Team Bio ====== --><br />
<br />
<div class="row"><br />
<div id="about" class="small-8 small-centered columns"><br />
<h6 class="introText"><br />
Increasingly in recent years, Unmanned Aerial Vehicles (also known as RPAS – Remotely Piloted Aircraft Systems – and UAS – Unmanned Aerial Vehicle Systems) have transitioned from being rare sightings to becoming a staple of the 21st century high-tech mainstream. Surveillance and military uses aside, UAVs have profound potential in areas ranging from medicinal and commercial delivery to agricultural monitoring and even space exploration; however, much of their potential remains untapped. The Stanford-Brown-Spelman iGEM team reached out to a number of scientists in a wide array of fields in regards to the future of UAVs, in search for the next-step looming advancement in the industry. The feedback pointed in a clear direction – the revolutionary creation of a biological UAV. </h6><br />
<h6 class="introText"><br />
Our team took upon ourselves this task in order to create a biodegradable UAV that would push on the boundaries of science while remaining applicable and useful to the world. We started by designing molds in which were fabricated to a fungal mycelial "body" that could then be coated with bacterial generated microbial cellulose to create a robust, durable foundation, and then re-engineered the “Amberless Hell Cell” concept to endow our UAV with pandemonium-resistant super-cells, all the while setting new bioethical standards through our gene-transfer preventative design. Humbled, we turned to nature to study and employ an ingenious method by which to waterproof our UAV, and then developed a biological process for degrading our UAV over a time period of our choosing. To extend the capabilities of this winged-Goliath, our team constructed Cellulose Cross-Linkers to further strengthen the cellulose foundation and allow biosensors to be attached to the surface of our UAV. </h6><br />
<h6 class="introText"><br />
While the above projects come together to lay a new path for the future of UAVs, they also expand the horizon in all other areas of synthetic biology and bioengineering with their versatile, far-ranging applications. Certainly, there is no denying that UAVs have been stigmatized for their combative purposes, but the SBS iGEM team members have worked hard to help showcase the important role that UAVs serve in all other areas of science and their benefits to humanitarian purposes. Go ahead and take a look around our Wiki, checkout our projects, our twenty biobricks, and our human practices efforts, and please feel free to stop any of us to ask questions or to hear more about our projects. Thank you and welcome to the SBS 2014 iGEM Wiki! </h6><br />
<br />
<!-- <br><br><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/6/61/SBS_iGEM_2014_1.png">Do we need anything here?</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/4/45/SBS_iGEM_2014_2.png">Do we need anything here?</div> --><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 2 ====== --><br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells2"><br />
</div><br />
</div><br />
<br />
<!-- ====== Sponsor & Acknowledgement List ====== --><br />
<br />
<div class="row"><br />
<div id="thanks" class="small-8 small-centered columns"><br />
<h4><center>Special Thanks to Our Sponsors</center></h4><br />
<h6 style="text-decoration: none"><br />
<a style="text-decoration: none" href="http://www.dna20.com/" target="_blank">DNA 2.0</a> ●<br />
<a href="http://www.mathworks.com/" target="_blank">Mathworks</a> ●<br />
<a href="http://www.idt.com/" target="_blank">IDT </a> ●<br />
<a href="http://www.geneious.com/" target="_blank">Geneious </a>●<br />
<a href="http://www.planetary.brown.edu/RI_Space_Grant/" target="_blank">Rhode Island Space Grant </a>●<br />
<a href="http://www.gasgc.org/" target="_blank">Georgia Space Grant </a>●<br />
<a href="http://www.nasa.gov/centers/ames/cct/office/cif/2014/index.html#.U9wAQPldVKI" target="_blank">NASA Ames Directors’ Investment Fund </a>●<br />
<a href="http://www.brown.edu/about/administration/president/" target="_blank">Brown University Office of the President </a>●<br />
<a href="http://www.brown.edu/academics/college/fellowships/utra/" target="_blank">Brown University UTRA </a>●<br />
<a href="http://bioengineering.stanford.edu/education/REU.html" target="_blank">Stanford University REU program </a>●<br />
<a href="http://www.nasa.gov/centers/ames/cct/index.html#.VDzeHeeEjhM" target="_blank">NASA Ames Office of the Center Chief Technologist </a><br />
</h6><br />
</div><br />
</div><br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells7"><br />
</div><br />
</div><br />
<br />
<div class="row, plainlinks"><br />
<div id="thanks" class="small-8 small-centered columns"><br />
<h4><center>Special Acknowledgements</center></h4><br />
<h6 style="text-decoration: none"><br />
<br />
<a href="http://geo.arc.nasa.gov/sg/cv/esddir3cv-Brass.html">Jim Brass</a>, Kevin Reynolds and Bob Dahlgren for advice on UAVs</a> ●<br />
<a href="http://research.calacademy.org/ent/staff/dkavanaugh" target="_blank">Dave Kavanaugh at Cal Academy of Sciences for helping us trap wasps </a>●<br />
<a href="http://ib.berkeley.edu/people/directory/detail/6000/" target="_blank">Michael Sheehan at UC Berkeley for helping us identify wasp species </a>●<br />
<a href="http://www.ecovativedesign.com" target="_blank">Ecovative for the production of the mycelium drone components</a> ●<br />
<a style="text-decoration: none" href="http://www.dna20.com/" target="_blank">DNA 2.0 for their advice and tour</a> ● <a href="http://web.mit.edu/voigtlab/">Christopher Voigt at MIT for providing plasmids necessary for making our biodegradation constructs</a>●<br />
<br />
<a href="http://www.bchs.uh.edu/people/detail/?155622-961-5=tcooper" target="_blank">Tim Cooper at University of Houston for <i>Pseudomonas fluorescens</i> </a>●<br />
<a href="http://www.spelman.edu/academics/faculty/jean-marie-dimandja" target="_blank">Jean-Marie Dimandja at Spelman College for discussions of 2D GC Analysis </a>● <a href="https://www.linkedin.com/pub/timothy-brown/36/ab4/441" target="_blank">Timothy Brown from Thermo Fisher Scientific for teaching us how to use the Attune flow cytometer </a></div><br />
<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 3 ====== --><br />
<br />
<div class="row"><br />
<div id="precontact" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="https://static.igem.org/mediawiki/2014/8/86/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp; Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman
Team:StanfordBrownSpelman
2014-10-18T03:20:06Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<!-- ====== Navigation ====== --><br />
<br />
<nav id="navigation"><br />
<div class="projects underline"><h6 id="project"><a href="#SBS iGEM">Projects</a></h6><br />
<h6><a href='https://2014.igem.org/Team:StanfordBrownSpelman/Achievements'>Achievements</a></h6><br />
<h6><a href='https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks'>BioBricks</a></h6><br />
<h6><a href='https://2014.igem.org/Team:StanfordBrownSpelman/Modelling'>Modeling</a></h6><br />
<h6><a href='https://2014.igem.org/Team:StanfordBrownSpelman/Building_The_Drone'>Building a UAV</a></h6><br />
<h6><a href='https://2014.igem.org/Team:StanfordBrownSpelman/Human_Practices'>Human Practices</a></h6><br />
<h6><a href='https://2014.igem.org/Team:StanfordBrownSpelman/Outreach'>Outreach</a></h6><br />
<h6><a href='https://2014.igem.org/Team:StanfordBrownSpelman/Attributions'>Attributions</a></h6><br />
<h6><a href='https://2014.igem.org/Team:StanfordBrownSpelman/Lab'>Lab Notebook</a></h6><br />
<h6><a href='https://2014.igem.org/Team:StanfordBrownSpelman/Safety'>Safety</a></h6><br />
<h6><a href='https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team'>Team</a></h6><br />
<h6 id='contact'><a href='#'>Contact</a></h6><br />
</div><br />
<div id="wiki" class="wiki"><h6><a href="#" id="top2">Top</a></h6></div><br />
<div class="team"><h6><a href="#" id="top3">iGEM 2014<br>Stanford-Brown-Spelman</a></h6></div><br />
<div id="iGEMimagelogomain" class="contact"><h6><a href="https://igem.org"><img src="https://static.igem.org/mediawiki/2014/5/52/SBSiGEM2014_iGEM_Logo_Original.jpg"></a></h6></div><br />
</nav><br />
<br />
<!-- ====== Border ====== <br />
<br />
<div id="left"></div><br />
<div id="right"></div><br />
<div id="roof"></div><br />
<div id="bottom"></div><br />
<br />
--><br />
<br />
<!-- ====== Splash ====== --><br />
<br />
<div id="landing"><br />
<div class="row"><br />
<div class="small-8 small-centered columns"><br />
<!-- <h6 id="title">SBS iGEM</h6> --><br />
</div><br />
</div><br />
</div><br />
<br />
<!-- ====== Redirect Return Placeholder ====== --><br />
<br />
<div class="row"><br />
<div id="redirect" class="small-3 small-centered columns placeholder2"><br />
</div><br />
</div><br />
<br />
<!-- ====== Projects Return Placeholder ====== --><br />
<br />
<div class="row"><br />
<div id="place" class="small-3 small-centered columns placeholder"><br />
</div><br />
</div><br />
<br />
<!-- ====== Projects ====== --><br />
<br />
<div class="row" id="Projects"><br />
<div id="work" class="small-8 small-centered columns"><br />
<h6 style="text-decoration: none; border:none"><br />
<div class="sub3"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Cellulose_Acetate"><img id="cellulosePic" src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_Cellulose_Icon.png"></a><h4><a class ="categories" href="https://2014.igem.org/Team:StanfordBrownSpelman/Cellulose_Acetate">Biomaterials</a></h4>We produced a moldable &amp; 3D printable bioplastic by transferring the acetylation machinery from <a href="http://en.wikipedia.org/wiki/Pseudomonas_fluorescens" target="_blank"><i>Pseudomonas fluorescens</i></a> into <a href="http://en.wikipedia.org/wiki/Acetobacter#Acetobacter"><i>Gluconacetobacter hansenii.</i></a></div><br />
<div class="sub2"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Amberless_Hell_Cell"><img id="hellCellPic" src="https://static.igem.org/mediawiki/2014/c/c6/SBS_iGEM_2014_Hell_Cell.png" class="two"></a><h4><a class ="categories" href="https://2014.igem.org/Team:StanfordBrownSpelman/Amberless_Hell_Cell">Amberless Hell Cell</a></h4>We generated hearty, radiation, heat, &amp; cold resistant bacteria that exemplify codon security and can't transfer engineered genes into the environment.</div><br />
<div class="sub3"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Material_Waterproofing"><img id="waterPic" src="https://static.igem.org/mediawiki/2014/1/18/SBS_iGEM_2014_Waterproofing.png"></a><h4><a class ="categories" href="https://2014.igem.org/Team:StanfordBrownSpelman/Material_Waterproofing">Material Waterproofing</a></h4>Our team biomimetically pursued novel wasp proteins and bacterial wax esters that prevent water absorbance without being toxic to the surrounding ecosystem.</a></div><br />
<div class="sub2"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability"><img id="biodegradePic" src="https://static.igem.org/mediawiki/2014/7/71/SBS_iGEM_2014_Biodegradation.png" class="two"></a><h4><a class ="categories" href="https://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability">Biodegradability</a></h4>Though cellulose acetate is an inherently biodegradable material, our team undertook to actively degrade the biomaterial to streamline the process.</div><br />
<div class="sub3"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Cellulose_Cross_Linker"><img id="cellulosePic2" src="https://static.igem.org/mediawiki/2014/b/b7/SBSiGEM2014_Cellulose_Cross_Linker.png"></a><h4><a class ="categories" href="https://2014.igem.org/Team:StanfordBrownSpelman/Cellulose_Cross_Linker">Cellulose Cross-Linker</a></h4>We designed a system for both strengthening cellulose and attaching biosensors and other biological cells to cellulose surfaces.</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="teamNoodle" class="small-3 small-centered columns cells"><br />
</div><br />
</div><br />
<br />
<!-- ====== Team Bio ====== --><br />
<br />
<div class="row"><br />
<div id="about" class="small-8 small-centered columns"><br />
<h6 class="introText"><br />
Increasingly in recent years, Unmanned Aerial Vehicles (also known as RPAS – Remotely Piloted Aircraft Systems – and UAS – Unmanned Aerial Vehicle Systems) have transitioned from being rare sightings to becoming a staple of the 21st century high-tech mainstream. Surveillance and military uses aside, UAVs have profound potential in areas ranging from medicinal and commercial delivery to agricultural monitoring and even space exploration; however, much of their potential remains untapped. The Stanford-Brown-Spelman iGEM team reached out to a number of scientists in a wide array of fields in regards to the future of UAVs, in search for the next-step looming advancement in the industry. The feedback pointed in a clear direction – the revolutionary creation of a biological UAV. </h6><br />
<h6 class="introText"><br />
Our team took upon ourselves this task in order to create a biodegradable UAV that would push on the boundaries of science while remaining applicable and useful to the world. We started by designing molds in which were fabricated to a fungal mycelial "body" that could then be coated with bacterial generated microbial cellulose to create a robust, durable foundation, and then re-engineered the “Amberless Hell Cell” concept to endow our UAV with pandemonium-resistant super-cells, all the while setting new bioethical standards through our gene-transfer preventative design. Humbled, we turned to nature to study and employ an ingenious method by which to waterproof our UAV, and then developed a biological process for degrading our UAV over a time period of our choosing. To extend the capabilities of this winged-Goliath, our team constructed Cellulose Cross-Linkers to further strengthen the cellulose foundation and allow biosensors to be attached to the surface of our UAV. </h6><br />
<h6 class="introText"><br />
While the above projects come together to lay a new path for the future of UAVs, they also expand the horizon in all other areas of synthetic biology and bioengineering with their versatile, far-ranging applications. Certainly, there is no denying that UAVs have been stigmatized for their combative purposes, but the SBS iGEM team members have worked hard to help showcase the important role that UAVs serve in all other areas of science and their benefits to humanitarian purposes. Go ahead and take a look around our Wiki, checkout our projects, our twenty biobricks, and our human practices efforts, and please feel free to stop any of us to ask questions or to hear more about our projects. Thank you and welcome to the SBS 2014 iGEM Wiki! </h6><br />
<br />
<!-- <br><br><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/6/61/SBS_iGEM_2014_1.png">Do we need anything here?</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/4/45/SBS_iGEM_2014_2.png">Do we need anything here?</div> --><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 2 ====== --><br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells2"><br />
</div><br />
</div><br />
<br />
<!-- ====== Sponsor & Acknowledgement List ====== --><br />
<br />
<div class="row"><br />
<div id="thanks" class="small-8 small-centered columns"><br />
<h4><center>Special Thanks to Our Sponsors</center></h4><br />
<h6 style="text-decoration: none"><br />
<a style="text-decoration: none" href="http://www.dna20.com/" target="_blank">DNA 2.0</a> ●<br />
<a href="http://www.mathworks.com/" target="_blank">Mathworks</a> ●<br />
<a href="http://www.idt.com/" target="_blank">IDT </a> ●<br />
<a href="http://www.geneious.com/" target="_blank">Geneious </a>●<br />
<a href="http://www.planetary.brown.edu/RI_Space_Grant/" target="_blank">Rhode Island Space Grant </a>●<br />
<a href="http://www.gasgc.org/" target="_blank">Georgia Space Grant </a>●<br />
<a href="http://www.nasa.gov/centers/ames/cct/office/cif/2014/index.html#.U9wAQPldVKI" target="_blank">NASA Ames Directors’ Investment Fund </a>●<br />
<a href="http://www.brown.edu/about/administration/president/" target="_blank">Brown University Office of the President </a>●<br />
<a href="http://www.brown.edu/academics/college/fellowships/utra/" target="_blank">Brown University UTRA </a>●<br />
<a href="http://bioengineering.stanford.edu/education/REU.html" target="_blank">Stanford University REU program </a>●<br />
<a href="http://www.nasa.gov/centers/ames/cct/index.html#.VDzeHeeEjhM" target="_blank">NASA Ames Office of the Center Chief Technologist </a><br />
</h6><br />
</div><br />
</div><br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells7"><br />
</div><br />
</div><br />
<br />
<div class="row, plainlinks"><br />
<div id="thanks" class="small-8 small-centered columns"><br />
<h4><center>Special Acknowledgements</center></h4><br />
<h6 style="text-decoration: none"><br />
<br />
<a href="http://geo.arc.nasa.gov/sg/cv/esddir3cv-Brass.html">Jim Brass</a>, Kevin Reynolds and Bob Dahlgren for advice on UAVs</a> ●<br />
<a href="http://research.calacademy.org/ent/staff/dkavanaugh" target="_blank">Dave Kavanaugh at Cal Academy of Sciences for helping us trap wasps </a>●<br />
<a href="http://ib.berkeley.edu/people/directory/detail/6000/" target="_blank">Michael Sheehan at UC Berkeley for helping us identify wasp species </a>●<br />
<a href="http://www.ecovativedesign.com" target="_blank">Ecovative for the production of the mycelium drone components</a> ●<br />
<a style="text-decoration: none" href="http://www.dna20.com/" target="_blank">DNA 2.0 for their advice and tour</a> ● <a href="http://web.mit.edu/voigtlab/">Christopher Voigt at MIT for providing plasmids necessary for making our biodegradation constructs</a>●<br />
<br />
<a href="http://www.bchs.uh.edu/people/detail/?155622-961-5=tcooper" target="_blank">Tim Cooper at University of Houston for <i>Pseudomonas fluorescens</i> </a>●<br />
<a href="http://www.spelman.edu/academics/faculty/jean-marie-dimandja" target="_blank">Jean-Marie Dimandja at Spelman College for discussions of 2D GC Analysis </a> ●<a href="https://www.linkedin.com/pub/timothy-brown/36/ab4/441" target="_blank">Timothy Brown from Thermo Fisher Scientific for teaching us how to use the Attune flow cytometer </a></div><br />
<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 3 ====== --><br />
<br />
<div class="row"><br />
<div id="precontact" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="https://static.igem.org/mediawiki/2014/8/86/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp; Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Lab
Team:StanfordBrownSpelman/Lab
2014-10-17T08:58:06Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014 — Human Practices</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<!-- ====== Standard Navigation Bar ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/6/63/SBSiGEM2014_In_The_Lab_Icon.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h3><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Lab">Lab Techniques, Special<br> Protocols, &amp; Project Journals</a></h3><br />
<div class="boxedmenu"><h7><center><a href="#" id="intro">General Protocols</a> ● <a href="#" id="methods">Special Protocols</a> ● <a href="#" id="data">Project Journals</a> </h7></div><br />
</div><br />
</div><br />
<br />
<!-- ====== Protocols ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>General Protocols</h5><br />
<h6><br />
Here are links to pages documenting all of our laboratory protocols and procedures, from general lab techniques to special protocols we developed while working on our biological UAV project. For general laboratory protocols with an emphasis on NASA Ames Research Center lab practice, check out the <a href="https://static.igem.org/mediawiki/2013/5/5c/The_iGEMer’s_Guide_to_the_Galaxy_(Stanford-Brown).pdf" target="_blank">iGEMer's Guide to the Galaxy.</a><br />
<div class="sub5"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Lab_Techniques1">● Using the autoclave, media, and generating antibiotic sticks</a></div><br />
<div class="sub5"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Lab_Techniques2">● Plates, Liquid Cultures, and Cryostocking</a></div><br />
<div class="sub5"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Lab_Techniques3">● Miniprep, Nanodrop, and Digestion</a></div><br />
<div class="sub5"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Lab_Techniques4">● Gel Casting, Loading, Extraction, and Cleanup</a></div><br />
<div class="sub5"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Lab_Techniques5">● Ligation and Chemically Competent Transformation</a></div><br />
<div class="sub5"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Lab_Techniques6">● Everything Protein Gel Related</a></div><br />
<div class="sub5"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Lab_Techniques7">● Everything PCR (Including Gel Extraction)</a></div><br />
<div class="sub5"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Lab_Techniques8">● Primers and Sequencing</a></div><br />
<div class="sub5"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Lab_Techniques9">● Using the iGEM Parts Registry</a></div><br />
<div class="sub5"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Lab_Techniques10">● Culturing <i>Bacillus subtilis</i></a></div><br />
<div class="sub5"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Lab_Techniques11">● Site Directed Mutagenesis</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="process" class="small-3 small-centered columns cells"><br />
</div><br />
</div><br />
<br />
<!-- ====== New Protocols ====== --><br />
<br />
<div class="row, plainlinks"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>New Protocols for 2014</h5><br />
<h6><br />
Our projects this year required a few specific protocols that aren't covered in our iGEMer's Guide to the Galaxy. Check them out <a href="https://docs.google.com/document/d/1xkSNgBFNKF1C-nUw9OuukricAQRzz2TmYJC3SYNK-Aw/edit?usp=sharing"><u>here!</u></a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 3 ====== --><br />
<br />
<div class="row"><br />
<div id="results" class="small-3 small-centered columns cells7"><br />
</div><br />
</div><br />
<br />
<!-- ====== Notebooks ====== --> <br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Detailed Project Journals</h5><br />
<h6><br />
Our team documented all of our iGEM work in shared online documents that anyone can view at the following links. Having begun lab work in late May, our team recorded our progress over the course of the summer and into the fall, filing over four months of detailed notes on our many project. Check out the details below:<br />
<div class="sub4"><a href="https://docs.google.com/document/d/1ZH8qGKbhKb7Xe48ewJp8Ggznt0BzsDU9TQngtSh1HrA/edit?usp=sharing"><img src="https://static.igem.org/mediawiki/2014/2/25/SBS_iGEM_2014_download.png"></a><a href="https://docs.google.com/document/d/1ZH8qGKbhKb7Xe48ewJp8Ggznt0BzsDU9TQngtSh1HrA/edit?usp=sharing"><b>Biomaterials Project Notebook:</b> Complete documentation of our methods, protocols, and scientific processes can be found in the linked document.</a></div><br />
<div class="sub4"><a href="https://docs.google.com/document/d/1-GabZY2igffoCGSQ0G8Oom92DnfuWyL9RcDAqq_X7EE/edit?usp=sharing"><img src="https://static.igem.org/mediawiki/2014/2/25/SBS_iGEM_2014_download.png"></a><a href="https://docs.google.com/document/d/1-GabZY2igffoCGSQ0G8Oom92DnfuWyL9RcDAqq_X7EE/edit?usp=sharing"><b>Amberless Hell Cell Project Notebook:</b> Complete documentation of our methods, protocols, and scientific processes can be found in the linked document.</a></div><br />
<div class="sub4"><a href="https://docs.google.com/document/d/1jpWJ48e9fPUjGYJ3KOXdE5UEZzHpWGWydRSrWBVN_Kg/edit?usp=sharing"><img src="https://static.igem.org/mediawiki/2014/2/25/SBS_iGEM_2014_download.png"></a><a href="https://docs.google.com/document/d/1jpWJ48e9fPUjGYJ3KOXdE5UEZzHpWGWydRSrWBVN_Kg/edit?usp=sharing"><b>Material Waterproofing Project Notebook:</b> Complete documentation of our methods, protocols, and scientific processes can be found in the linked document.</a></div><br />
<div class="sub4"><a href="https://docs.google.com/document/d/1-xtwn-iB2w-IVkquCmboShdY0sgYeFM80Uoc9zjVmXw/edit?usp=sharing"><img src="https://static.igem.org/mediawiki/2014/2/25/SBS_iGEM_2014_download.png"></a><a href="https://docs.google.com/document/d/1-xtwn-iB2w-IVkquCmboShdY0sgYeFM80Uoc9zjVmXw/edit?usp=sharing"><b>Biodegradability Project Notebook:</b> Complete documentation of our methods, protocols, and scientific processes can be found in the linked document.</a></div><br />
<div class="sub4"><a href="https://docs.google.com/document/d/1-BS2AXdxk_gbYPC2qc5T6e1L7qtnXg4DxsOF-aoxIQg/edit?usp=sharing"><img src="https://static.igem.org/mediawiki/2014/2/25/SBS_iGEM_2014_download.png"></a><a href="https://docs.google.com/document/d/1-BS2AXdxk_gbYPC2qc5T6e1L7qtnXg4DxsOF-aoxIQg/edit?usp=sharing"><b>Cellulose Cross-Linker Project Notebook:</b> Complete documentation of our methods, protocols, and scientific processes can be found in the linked document.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 6 ====== --><br />
<br />
<div class="row"><br />
<div id="precontact" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="https://static.igem.org/mediawiki/2014/8/86/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability
Team:StanfordBrownSpelman/Biodegradability
2014-10-17T08:33:52Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014 — Amberless Hell Cell</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/7/71/SBS_iGEM_2014_Biodegradation.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h3><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability">Biodegradability</a></h3><br />
<div class="boxedmenu"><h7><center><a href="#" id="intro">Introduction</a> ● <a href="#" id="methods">Methods</a> ● <a href="#" id="data">Results</a> ● <a href="#" id="links">References</a> ● <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks#B">BioBricks</a></h7></div><br />
<h6 id="int"><br />
<center><iframe width="420" height="315" src="//www.youtube.com/embed/PgdF8xIAh8c" frameborder="0" allowfullscreen></iframe><br><br></center><br />
Creating a biodegradable unmanned aerial vehicle (UAV) will reduce collateral waste, lightening the footprint of unmanned science missions on planetary environments and micro-ecosystems. Since we are using Bacterial Cellulose Acetate (BCOAc) for the construction of our UAV, we investigated in nature to find organisms that can naturally break down Cellulose Acetate. We found out that Niesseria sicca uses cellulose acetate as its carbon source by producing two genes that break down cellulose acetate. The first gene is Cellulose Acetate Esterase which de-acetylates BCOAc, and the second is Endo-1,4-beta-glucanase, a cellulase that breaks down the glycosidic linkages in cellulose to produce glucose monomers.<br />
<br />
</div></div><br />
<div class="small-8 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/1/13/SBS_IGEM_esterase_%26_cellulase.png><br><br />
<h6><center><b>Figure 1. </b> This image describes the degradation process, with the esterase enzyme de-acetylating cellulose acetate, and the cellulase enzyme breaking down the cellulose into glucose monomers.</center></h6><br />
<br><br />
<h6>In order to trigger the onset of degradation our UAV at specific conditions, we investigated pressure-sensitive promoters for their abilities to stimulate degradation upon impact and time-sensitive promoters that will control the amount of time the UAV should fly before it degrades. After a series of experimentations, we chose to use quorum sensing as a time delay mechanism to control the length of time our UAV can fly before degradation enzymes are produced. <h6><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="process" class="small-3 small-centered columns cells4"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Methods ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Approach & Methods</center></h5><br />
<h6>We extracted the esterase and cellulase gene sequences from Neisseria Sicca and transformed them in E.coli. Since the genes were synthesized with a T7 promoter, we induced the expression of the proteins by adding IPTG to the cell cultures. The Esterase was successfully purified and its presence was confirmed by observing a band at 43kDa when a protein gel was run. The activity of the Esterase enzyme was tested by soaking in blue stain reagent and testing for intensity of the stain. As for cellulase, we are currently working to express the cellulase in E.coli so as we can purify it and test its activity. </h6><br />
</div></div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<h6>In addition to working with the degradation enzymes, we created a mechanism where quorum sensing can cause a needed time delay for degradation so that our UAV does not degrade as soon as it starts to fly. Quorum sensing is a cell to cell communication mechanism, and here we use it to control when and how fast degradation should occur. </h6><br />
</div></div><br />
<div class="small-8 small-centered columns"><br><center><img src= https://static.igem.org/mediawiki/2014/0/09/SBS_IGEM_initiating_degradation.png><br><br />
<h6><center><b>Figure 2. </b>Our ideal quorum sensing system works in a loop: quorum sensing will activate a promoter that will trigger the expression of the degradation enzymes, which will activate positive feedback on the loop.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br />
<div class="sub4"><h6><a href="http://docs.google.com/document/d/1-xtwn-iB2w-IVkquCmboShdY0sgYeFM80Uoc9zjVmXw/edit?usp=sharing" target="_blank"><img src="https://static.igem.org/mediawiki/2014/2/25/SBS_iGEM_2014_download.png"></a><a href="http://docs.google.com/document/d/1-xtwn-iB2w-IVkquCmboShdY0sgYeFM80Uoc9zjVmXw/edit?usp=sharing">Click here to go to our project journal, which details our design and engineering process and included descriptions of the protocols we developed and used.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Cell Spacer 2 ====== --><br />
<br />
<div class="row"><br />
<div id="results" class="small-3 small-centered columns cells8"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Results ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Results</h5><br />
<h6><br />
Our goal for this project was not only to isolate biodegradation enzymes but also to control the release of these enzymes, so that our UAV would not degrade uncontrollably. In order to control the initiation of biodegradation, we first considered using a pressure sensor. This would allow the UAV to begin degrading after the impact of a crash. The 2008 Tokyo Tech iGem team found that the ptet promoter was pressure sensitive and increased its activity 3-fold after undergoing 30 MPa of pressure. We got their construct from the distribution kit and tested its functionality by monitoring GFP expression. We found that this promoter is always turned on even at very low pressures (The cells were bright green even with no pressure at all). When we introduced a repressor for the Ptet promoter, we found out that the repressor is too strong, and even at high pressures, the Ptet promoter will still be repressed. The photo and graphs below show our testing of the Ptet promoter in the presence and absence of the Tet repressor. </h6><br />
</div></div><br />
<div class="small-8 small-centered columns"><center><img src=https://static.igem.org/mediawiki/2014/a/a5/Ptet_promoter_testing.png><br><br />
<h6><center><b>Figure 3. </b>A graph showing the relationship between pressure applied and expression of GFP under control of the ptet promoter.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6><br />
<br />
The graph above shows that there was not a clear correlation between the amount of pressure applied on the ptet promoter to the amount of GFP expression: For instance, application of 14000rpm pressure on cells with ptet promoter for 30 seconds led to production of less fluorescence than application of 5000rpm pressure to the same batch of cells. When Tet Repressor was used, its effect was too strong and we could not find a repressor that could inhibit ptet just enough to control the biodegradation process.<br />
<br />
<br></br><br />
<br />
On top of testing the ptet promoter, we analyzed the impact a crash would have on our UAV by using a force plate ,and we found it unlikely that the impact of the crash would ever reach as high a pressure as 30 MPa, based on projections from the data we collected. (see graph below). <br />
<br />
<br />
</div></div><br />
<div class="small-8 small-centered columns"><center><img src=https://static.igem.org/mediawiki/2014/a/ac/Sbs_igem_forceplategraph.png><br><br />
<h6><center><b>Figure 4. </b>A graph demonstrating the relationship between impact pressure and height of crash.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br />
<h6><br />
<br />
In the graph above, we measured the pressure upon impact of an object similar in shape and weight to our UAV. We took measurements by dropping or throwing the object from various heights and angles. Based on our data, it is projected that even from a drop height of 10m, the pressure upon impact would not even be 1 MPa, making it unlikely that any crash would ever cause 30 MPa of pressure.<br />
<br />
<br></br><br />
<br />
We next tried to initiate degradation using a light sensor, which would activate degradation in the darkness, allowing our UAV to have a flight time of one day. We planned to do this using the construct from the UT Austin and UCSF 2004 Coliroid project. However, the strain of E. coli (EnvZ) that we needed to work with to use this construct was resistant to all 4 of the main antibiotics we had in our lab, making the bacteria difficult and expensive to work with.<h6><br />
<br />
<br><br />
<br />
<h6>Finally, we decided to use quorum sensing as a means of creating a time delay for initiation of degradation. Two previous constructs, BBa_I13202 and BBa_T9002, when combined, create a quorum sensing cascade used to initiate expression of GFP. We ligated these two parts together to create our novel part, BBa_K1499500, which we used for our assays. We found that, in lac deficient cells, the quorum sensing construct can be initiated by induction with IPTG. After this induction, GFP expression increases with time, implying that the construct is doing its job. Our data for this assay is shown below. </h6><br />
</div></div><br />
<br />
<br />
<div class="row"><div class="small-8 small-centered columns"><br />
<h5><center>Quorum Sensing Data</h5> <br><br />
<center><img src="https://static.igem.org/mediawiki/2014/f/fb/SBS_QuorumSensingFacs.png"><br><br />
<h6><b>Figure 5.</b> Flow-cytometer data & histogram plots from fluorescence testing for quorum sensing construct. </center></h6><br />
</div></div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6 class="introText"><br />
<br />
Flow-cytometry is a laser-based technology that has a wide-range of uses, including multiparametric cell counting and cell sorting. In this study, we utilized the cell counting ability of a flow cytometer in order to determine how many of our cells were expressing GFP after being induced with IPTG (a lac analog). The three graphs and tables above represent the flow-cytometer data obtained from three samples of lac-deficient E. coli cells. One of the samples was a negative control of LB-cultured E. coli cells (Negative Control), and the other two samples (IPTG-Positive and IPTG-Negative) had the GFP-quorum sensing construct. The IPTG-Positive sample had a ~6X increase in GFP expression over the background IPTG-Negative cells, showing our construct worked correctly.<br />
<br />
<br></br><br />
<br />
The “X-Median” seen on the three tables above shows the fluorescence intensity of all of the cells that were counted that were not considered dead (Median). <br />
Each sample measured 50,000 cells (Seen under All Events - Count), and then counted all of the cells that were alive (Median - Count), where each sample had between 47,000 and 49,000 live cells. From the data, and as illustrated in the graphs above, we can gather that the fluorescence intensity (X-Median) of the LB only cells was approximately 63 arbitrary fluorescence units (AFU), the IPTG-negative cells was ~17,000 AFU, and the intensity of the IPTG-positive cells was ~107,000 AFU, meaning that the IPTG-positive quorum sensing cells increased fluorescence intensity over 6X the background intensity (IPTG-negative cells).<br />
These results indicate that our quorum sensing construct works and greatly increases GFP expression when activated through IPTG-induction. The IPTG-negative cells also expressed some non-negligible degree of GFP, which suggests that the construct could still be improved further. However, the successful proof of concept of our quorum sensing construct is incredibly promising and allows us to proceed toward the next step.<br />
<br />
<br></br><br />
<br />
Since we know that the quorum sensing construct is functional and inducible with IPTG. We can now work towards replacing the GFP gene with the genes for our degradation enzymes, allowing us to control degradation by applying IPTG at different time points.<br />
<br />
<br></br><br />
<br />
In conjunction with working on controlling the initiation of degradation, we simultaneously worked with our two degradation enzymes, esterase and cellulase. After successfully transforming the esterase gene into E. coli, and confirming via colony PCR, we grew up a large culture of transformed cells and used this to extract and purify the esterase protein.<br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/3/30/Sbs_igem_esterasepcrfinal.jpg><br><br />
<h6><center><b>Figure 6. </b>This is an image of a gel electrophoresis done after running colony PCR with E. coli colonies transformed with our esterase gene (1.5 kB).</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><center><img src=https://static.igem.org/mediawiki/2014/7/73/Slide2.jpg><br><br />
<h6><center><b>Figure 7. </b>This is the SDS-page gel that was run after purifying the esterase protein from bacteria. The band is at 43 kDa, the expected size of the esterase protein.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<h6>Once we had isolated our protein we were able to do functional assays with the esterase enzyme. By using a cellulose-binding dye that selectively binds to cellulose and not cellulose acetate, we were able to test whether or not the esterase enzyme was effective in de-acetylating commercial grade cellulose acetate. We soaked the cellulose acetate in the esterase protein at its optimal temperature of 30ºC and tested with the stain at multiple points. The results of our assay (shown below) demonstrate that over time the protein was working to degrade the cellulose acetate, as the blue stain intensity increased over time. In the future, we can better characterize our esterase protein by doing assays with more replicates, longer time periods, and varying amounts of protein.<h6><br />
<br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><center><img src=https://static.igem.org/mediawiki/2014/6/62/Sbs_igem_esteraseassayfinalfinal.jpg><br><br />
<h6><center><b>Figure 8. </b>Pieces of cellulose acetate were soaked in esterase enzyme for varying amounts of time before their level of degradation was tested using the blue cellulose-binding dye.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<h6>We are currently working on functional assays of the cellulase gene, and have submitted it as a <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks">BioBrick </a><a href="http://parts.igem.org/Part:BBa_K1499501">(BBa_K1499501)</a>.<h6><br />
<br />
<br />
<br />
<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 4 ====== --><br />
<br />
<div class="row"><br />
<div id="references" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Links & References ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>References</h5><br />
<h6><br />
Suspendisse volutpat sem eu ornare tincidunt. Mauris pharetra sed justo vitae sodales. Nulla in sodales tortor, placerat tempor dui.<br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Have a link or reference? Put it here!</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Link, acknowledgement, or reference 2</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Additional links, acknowledgements, and references</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 5 ====== --><br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells5"><br />
</div><br />
</div><br />
<br />
<!-- ====== Additional Information ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Additional Information</h5><br />
<h6><br />
Try to avoid having any additional information here. We're trying to keep our site organized, clean, and compelling!<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 6 ====== --><br />
<br />
<div class="row"><br />
<div id="precontact" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="https://static.igem.org/mediawiki/2014/8/86/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability
Team:StanfordBrownSpelman/Biodegradability
2014-10-17T07:53:08Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014 — Amberless Hell Cell</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/7/71/SBS_iGEM_2014_Biodegradation.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h3><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability">Biodegradability</a></h3><br />
<div class="boxedmenu"><h7><center><a href="#" id="intro">Introduction</a> ● <a href="#" id="methods">Methods</a> ● <a href="#" id="data">Results</a> ● <a href="#" id="links">References</a> ● <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks#B">BioBricks</a></h7></div><br />
<h6 id="int"><br />
<center><iframe width="420" height="315" src="//www.youtube.com/embed/PgdF8xIAh8c" frameborder="0" allowfullscreen></iframe><br><br></center><br />
Creating a biodegradable unmanned aerial vehicle (UAV) will reduce collateral waste, lightening the footprint of unmanned science missions on planetary environments and micro-ecosystems. Since we are using Bacterial Cellulose Acetate (BCOAc) for the construction of our UAV, we investigated in nature to find organisms that can naturally break down Cellulose Acetate. We found out that Niesseria sicca uses cellulose acetate as its carbon source by producing two genes that break down cellulose acetate. The first gene is Cellulose Acetate Esterase which de-acetylates BCOAc, and the second is Endo-1,4-beta-glucanase, a cellulase that breaks down the glycosidic linkages in cellulose to produce glucose monomers.<br />
<br />
</div></div><br />
<div class="small-8 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/1/13/SBS_IGEM_esterase_%26_cellulase.png><br><br />
<h6><center><b>Figure 1. </b> This image describes the degradation process, with the esterase enzyme de-acetylating cellulose acetate, and the cellulase enzyme breaking down the cellulose into glucose monomers.</center></h6><br />
<br><br />
<h6>In order to trigger the onset of degradation our UAV at specific conditions, we investigated pressure-sensitive promoters for their abilities to stimulate degradation upon impact and time-sensitive promoters that will control the amount of time the UAV should fly before it degrades. After a series of experimentations, we chose to use quorum sensing as a time delay mechanism to control the length of time our UAV can fly before degradation enzymes are produced. <h6><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="process" class="small-3 small-centered columns cells4"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Methods ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Approach & Methods</center></h5><br />
<h6>We extracted the esterase and cellulase gene sequences from Neisseria Sicca and transformed them in E.coli. Since the genes were synthesized with a T7 promoter, we induced the expression of the proteins by adding IPTG to the cell cultures. The Esterase was successfully purified and its presence was confirmed by observing a band at 43kDa when a protein gel was run. The activity of the Esterase enzyme was tested by soaking in blue stain reagent and testing for intensity of the stain. As for cellulase, we are currently working to express the cellulase in E.coli so as we can purify it and test its activity. </h6><br />
</div></div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<h6>In addition to working with the degradation enzymes, we created a mechanism where quorum sensing can cause a needed time delay for degradation so that our UAV does not degrade as soon as it starts to fly. Quorum sensing is a cell to cell communication mechanism, and here we use it to control when and how fast degradation should occur. </h6><br />
</div></div><br />
<div class="small-8 small-centered columns"><br><center><img src= https://static.igem.org/mediawiki/2014/0/09/SBS_IGEM_initiating_degradation.png><br><br />
<h6><center><b>Figure 2. </b>Our ideal quorum sensing system works in a loop: quorum sensing will activate a promoter that will trigger the expression of the degradation enzymes, which will activate positive feedback on the loop.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br />
<div class="sub4"><h6><a href="http://docs.google.com/document/d/1-xtwn-iB2w-IVkquCmboShdY0sgYeFM80Uoc9zjVmXw/edit?usp=sharing" target="_blank"><img src="https://static.igem.org/mediawiki/2014/2/25/SBS_iGEM_2014_download.png"></a><a href="http://docs.google.com/document/d/1-xtwn-iB2w-IVkquCmboShdY0sgYeFM80Uoc9zjVmXw/edit?usp=sharing">Click here to go to our project journal, which details our design and engineering process and included descriptions of the protocols we developed and used.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Cell Spacer 2 ====== --><br />
<br />
<div class="row"><br />
<div id="results" class="small-3 small-centered columns cells8"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Results ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Results</h5><br />
<h6><br />
Our goal for this project was not only to isolate biodegradation enzymes but also to control the release of these enzymes, so that our UAV would not degrade uncontrollably. In order to control the initiation of biodegradation, we first considered using a pressure sensor. This would allow the UAV to begin degrading after the impact of a crash. The 2008 Tokyo Tech iGem team found that the ptet promoter was pressure sensitive and increased its activity 3-fold after undergoing 30 MPa of pressure. We got their construct from the distribution kit and tested its functionality by monitoring GFP expression. We found that this promoter is always turned on even at very low pressures (The cells were bright green even with no pressure at all). When we introduced a repressor for the Ptet promoter, we found out that the repressor is too strong, and even at high pressures, the Ptet promoter will still be repressed. The photo and graphs below show our testing of the Ptet promoter in the presence and absence of the Tet repressor. </h6><br />
</div></div><br />
<div class="small-8 small-centered columns"><center><img src=https://static.igem.org/mediawiki/2014/a/a5/Ptet_promoter_testing.png><br><br />
<h6><center><b>Figure 3. </b>A graph showing the relationship between pressure applied and expression of GFP under control of the ptet promoter.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6><br />
<br />
The graph above shows that there was not a clear correlation between the amount of pressure applied on the ptet promoter to the amount of GFP expression: For instance, application of 14000rpm pressure on cells with ptet promoter for 30 seconds led to production of less fluorescence than application of 5000rpm pressure to the same batch of cells. When Tet Repressor was used, its effect was too strong and we could not find a repressor that could inhibit ptet just enough to control the biodegradation process.<br />
<br />
<br></br><br />
<br />
On top of testing the ptet promoter, we analyzed the impact a crash would have on our UAV by using a force plate ,and we found it unlikely that the impact of the crash would ever reach as high a pressure as 30 MPa, based on projections from the data we collected. (see graph below). <br />
<br />
<br />
</div></div><br />
<div class="small-8 small-centered columns"><center><img src=https://static.igem.org/mediawiki/2014/a/ac/Sbs_igem_forceplategraph.png><br><br />
<h6><center><b>Figure 4. </b>A graph demonstrating the relationship between impact pressure and height of crash.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br />
<h6><br />
<br />
In the graph above, we measured the pressure upon impact of an object similar in shape and weight to our UAV. We took measurements by dropping or throwing the object from various heights and angles. Based on our data, it is projected that even from a drop height of 10m, the pressure upon impact would not even be 1 MPa, making it unlikely that any crash would ever cause 30 MPa of pressure.<br />
<br />
<br></br><br />
<br />
We next tried to initiate degradation using a light sensor, which would activate degradation in the darkness, allowing our UAV to have a flight time of one day. We planned to do this using the construct from the UT Austin and UCSF 2004 Coliroid project. However, the strain of E. coli (EnvZ) that we needed to work with to use this construct was resistant to all 4 of the main antibiotics we had in our lab, making the bacteria difficult and expensive to work with.<h6><br />
<br />
<br><br />
<br />
<h6>Finally, we decided to use quorum sensing as a means of creating a time delay for initiation of degradation. Two previous constructs, BBa_I13202 and BBa_T9002, when combined, create a quorum sensing cascade used to initiate expression of GFP. We ligated these two parts together to create our novel part, BBa_K1499500, which we used for our assays. We found that, in lac deficient cells, the quorum sensing construct can be initiated by induction with IPTG. After this induction, GFP expression increases with time, implying that the construct is doing its job. Our data for this assay is shown below. </h6><br />
</div></div><br />
<br />
<br />
<div class="row"><div class="small-8 small-centered columns"><br />
<h5><center>Quorum Sensing Data</h5> <br><br />
<center><img src="https://static.igem.org/mediawiki/2014/f/fb/SBS_QuorumSensingFacs.png"><br><br />
<h6><b>Figure 5.</b> Flow-cytometer data & histogram plots from fluorescence testing for quorum sensing construct. </center></h6><br />
</div></div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6 class="introText"><br />
<br />
Flow-cytometry is a laser-based technology that has a wide-range of uses, including multiparametric cell counting and cell sorting. In this study, we utilized the cell counting ability of a flow cytometer in order to determine how many of our cells were expressing GFP after being induced with IPTG (a lac analog). The three graphs and tables above represent the flow-cytometer data obtained from three samples of lac-deficient E. coli cells. One of the samples was a negative control of LB-cultured E. coli cells (Negative Control), and the other two samples (IPTG-Positive and IPTG-Negative) had the GFP-quorum sensing construct. The IPTG-Positive sample had a ~6X increase in GFP expression over the background IPTG-Negative cells, showing our construct worked correctly.<br />
<br />
<br></br><br />
<br />
The “X-Median” seen on the three tables above shows the fluorescence intensity of all of the cells that were counted that were not considered dead (Median). <br />
Each sample measured 50,000 cells (Seen under All Events - Count), and then counted all of the cells that were alive (Median - Count), where each sample had between 47,000 and 49,000 live cells. From the data, and as illustrated in the graphs above, we can gather that the fluorescence intensity (X-Median) of the LB only cells was approximately 63 arbitrary fluorescence units (AFU), the IPTG-negative cells was ~17,000 AFU, and the intensity of the IPTG-positive cells was ~107,000 AFU, meaning that the IPTG-positive quorum sensing cells increased fluorescence intensity over 6X the background intensity (IPTG-negative cells).<br />
These results indicate that our quorum sensing construct works and greatly increases GFP expression when activated through IPTG-induction. The IPTG-negative cells also expressed some non-negligible degree of GFP, which suggests that the construct could still be improved further. However, the successful proof of concept of our quorum sensing construct is incredibly promising and allows us to proceed toward the next step.<br />
<br />
<br></br><br />
<br />
Since we know that the quorum sensing construct is functional and inducible with IPTG. We can now work towards replacing the GFP gene with the genes for our degradation enzymes, allowing us to control degradation by applying IPTG at different time points.<br />
<br />
<br></br><br />
<br />
In conjunction with working on controlling the initiation of degradation, we simultaneously worked with our two degradation enzymes, esterase and cellulase. After successfully transforming the esterase gene into E. coli, and confirming via colony PCR, we grew up a large culture of transformed cells and used this to extract and purify the esterase protein.<br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/3/30/Sbs_igem_esterasepcrfinal.jpg><br><br />
<h6><center><b>Figure 6. </b>This is an image of a gel electrophoresis done after running colony PCR with E. coli colonies transformed with our esterase gene (1.5 kB).</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><center><img src=https://static.igem.org/mediawiki/2014/a/a9/Sbs_igem_esteraseproteingelfinal.jpg><br><br />
<h6><center><b>Figure 7. </b>This is the SDS-page gel that was run after purifying the esterase protein from bacteria. The band is at 43 kDa, the expected size of the esterase protein.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<h6>Once we had isolated our protein we were able to do functional assays with the esterase enzyme. By using a cellulose-binding dye that selectively binds to cellulose and not cellulose acetate, we were able to test whether or not the esterase enzyme was effective in de-acetylating commercial grade cellulose acetate. We soaked the cellulose acetate in the esterase protein at its optimal temperature of 30ºC and tested with the stain at multiple points. The results of our assay (shown below) demonstrate that over time the protein was working to degrade the cellulose acetate, as the blue stain intensity increased over time. In the future, we can better characterize our esterase protein by doing assays with more replicates, longer time periods, and varying amounts of protein.<h6><br />
<br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><center><img src=https://static.igem.org/mediawiki/2014/6/62/Sbs_igem_esteraseassayfinalfinal.jpg><br><br />
<h6><center><b>Figure 8. </b>Pieces of cellulose acetate were soaked in esterase enzyme for varying amounts of time before their level of degradation was tested using the blue cellulose-binding dye.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<h6>We are currently working on functional assays of the cellulase gene, and have submitted it as a <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks">BioBrick </a><a href="http://parts.igem.org/Part:BBa_K1499501">(BBa_K1499501)</a>.<h6><br />
<br />
<br />
<br />
<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 4 ====== --><br />
<br />
<div class="row"><br />
<div id="references" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Links & References ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>References</h5><br />
<h6><br />
Suspendisse volutpat sem eu ornare tincidunt. Mauris pharetra sed justo vitae sodales. Nulla in sodales tortor, placerat tempor dui.<br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Have a link or reference? Put it here!</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Link, acknowledgement, or reference 2</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Additional links, acknowledgements, and references</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 5 ====== --><br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells5"><br />
</div><br />
</div><br />
<br />
<!-- ====== Additional Information ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Additional Information</h5><br />
<h6><br />
Try to avoid having any additional information here. We're trying to keep our site organized, clean, and compelling!<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 6 ====== --><br />
<br />
<div class="row"><br />
<div id="precontact" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="https://static.igem.org/mediawiki/2014/8/86/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability
Team:StanfordBrownSpelman/Biodegradability
2014-10-17T07:36:15Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014 — Amberless Hell Cell</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/7/71/SBS_iGEM_2014_Biodegradation.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h3><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability">Biodegradability</a></h3><br />
<div class="boxedmenu"><h7><center><a href="#" id="intro">Introduction</a> ● <a href="#" id="methods">Methods</a> ● <a href="#" id="data">Results</a> ● <a href="#" id="links">References</a> ● <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks#B">BioBricks</a></h7></div><br />
<h6 id="int"><br />
<center><iframe width="420" height="315" src="//www.youtube.com/embed/PgdF8xIAh8c" frameborder="0" allowfullscreen></iframe><br><br></center><br />
Creating a biodegradable unmanned aerial vehicle (UAV) will reduce collateral waste, lightening the footprint of unmanned science missions on planetary environments and micro-ecosystems. Since we are using Bacterial Cellulose Acetate (BCOAc) for the construction of our UAV, we investigated in nature to find organisms that can naturally break down Cellulose Acetate. We found out that Niesseria sicca uses cellulose acetate as its carbon source by producing two genes that break down cellulose acetate. The first gene is Cellulose Acetate Esterase which de-acetylates BCOAc, and the second is Endo-1,4-beta-glucanase, a cellulase that breaks down the glycosidic linkages in cellulose to produce glucose monomers.<br />
<br />
</div></div><br />
<div class="small-8 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/1/13/SBS_IGEM_esterase_%26_cellulase.png><br><br />
<h6><center><b>Figure 1. </b> This image describes the degradation process, with the esterase enzyme de-acetylating cellulose acetate, and the cellulase enzyme breaking down the cellulose into glucose monomers.</center></h6><br />
<br><br />
<h6>In order to trigger the onset of degradation our UAV at specific conditions, we investigated pressure-sensitive promoters for their abilities to stimulate degradation upon impact and time-sensitive promoters that will control the amount of time the UAV should fly before it degrades. After a series of experimentations, we chose to use quorum sensing as a time delay mechanism to control the length of time our UAV can fly before degradation enzymes are produced. <h6><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="process" class="small-3 small-centered columns cells4"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Methods ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Approach & Methods</center></h5><br />
<h6>We extracted the esterase and cellulase gene sequences from Neisseria Sicca and transformed them in E.coli. Since the genes were synthesized with a T7 promoter, we induced the expression of the proteins by adding IPTG to the cell cultures. The Esterase was successfully purified and its presence was confirmed by observing a band at 43kDa when a protein gel was run. The activity of the Esterase enzyme was tested by soaking in blue stain reagent and testing for intensity of the stain. As for cellulase, we are currently working to express the cellulase in E.coli so as we can purify it and test its activity. </h6><br />
</div></div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<h6>In addition to working with the degradation enzymes, we created a mechanism where quorum sensing can cause a needed time delay for degradation so that our UAV does not degrade as soon as it starts to fly. Quorum sensing is a cell to cell communication mechanism, and here we use it to control when and how fast degradation should occur. <br />
</div></div><br />
<div class="small-8 small-centered columns"><br><center><img src= https://static.igem.org/mediawiki/2014/0/09/SBS_IGEM_initiating_degradation.png><br><br />
<h6><center><b>Figure 2. </b>Our ideal quorum sensing system works in a loop: quorum sensing will activate a promoter that will trigger the expression of the degradation enzymes, which will activate positive feedback on the loop.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br />
<div class="sub4"><h6><a href="http://docs.google.com/document/d/1-xtwn-iB2w-IVkquCmboShdY0sgYeFM80Uoc9zjVmXw/edit?usp=sharing" target="_blank"><img src="https://static.igem.org/mediawiki/2014/2/25/SBS_iGEM_2014_download.png"></a><a href="http://docs.google.com/document/d/1-xtwn-iB2w-IVkquCmboShdY0sgYeFM80Uoc9zjVmXw/edit?usp=sharing">Click here to go to our project journal, which details our design and engineering process and included descriptions of the protocols we developed and used.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Cell Spacer 2 ====== --><br />
<br />
<div class="row"><br />
<div id="results" class="small-3 small-centered columns cells8"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Results ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Results</h5><br />
<h6><br />
Our goal for this project was not only to isolate biodegradation enzymes but also to control the release of these enzymes, so that our UAV would not degrade uncontrollably. In order to control the initiation of biodegradation, we first considered using a pressure sensor. This would allow the UAV to begin degrading after the impact of a crash. The 2008 Tokyo Tech iGem team found that the ptet promoter was pressure sensitive and increased its activity 3-fold after undergoing 30 MPa of pressure. We got their construct from the distribution kit and tested its functionality by monitoring GFP expression. We found that this promoter is always turned on even at very low pressures (The cells were bright green even with no pressure at all). When we introduced a repressor for the Ptet promoter, we found out that the repressor is too strong, and even at high pressures, the Ptet promoter will still be repressed. The photo and graphs below show our testing of the Ptet promoter in the presence and absence of the Tet repressor. </h6><br />
</div></div><br />
<div class="small-8 small-centered columns"><center><img src=https://static.igem.org/mediawiki/2014/a/a5/Ptet_promoter_testing.png><br><br />
<h6><center><b>Figure 3. </b>A graph showing the relationship between pressure applied and expression of GFP under control of the ptet promoter.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6><br />
<br />
The graph above shows that there was not a clear correlation between the amount of pressure applied on the ptet promoter to the amount of GFP expression: For instance, application of 14000rpm pressure on cells with ptet promoter for 30 seconds led to production of less fluorescence than application of 5000rpm pressure to the same batch of cells. When Tet Repressor was used, its effect was too strong and we could not find a repressor that could inhibit ptet just enough to control the biodegradation process.<br />
<br />
<br></br><br />
<br />
On top of testing the ptet promoter, we analyzed the impact a crash would have on our UAV by using a force plate ,and we found it unlikely that the impact of the crash would ever reach as high a pressure as 30 MPa, based on projections from the data we collected. (see graph below). <br />
<br />
<br />
</div></div><br />
<div class="small-8 small-centered columns"><center><img src=https://static.igem.org/mediawiki/2014/a/ac/Sbs_igem_forceplategraph.png><br><br />
<h6><center><b>Figure 4. </b>A graph demonstrating the relationship between impact pressure and height of crash.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br />
<h6><br />
<br />
In the graph above, we measured the pressure upon impact of an object similar in shape and weight to our UAV. We took measurements by dropping or throwing the object from various heights and angles. Based on our data, it is projected that even from a drop height of 10m, the pressure upon impact would not even be 1 MPa, making it unlikely that any crash would ever cause 30 MPa of pressure.<br />
<br />
<br></br><br />
<br />
We next tried to initiate degradation using a light sensor, which would activate degradation in the darkness, allowing our UAV to have a flight time of one day. We planned to do this using the construct from the UT Austin and UCSF 2004 Coliroid project. However, the strain of E. coli (EnvZ) that we needed to work with to use this construct was resistant to all 4 of the main antibiotics we had in our lab, making the bacteria difficult and expensive to work with.<h6><br />
<br />
<br><br />
<br />
<h6>Finally, we decided to use quorum sensing as a means of creating a time delay for initiation of degradation. Two previous constructs, BBa_I13202 and BBa_T9002, when combined, create a quorum sensing cascade used to initiate expression of GFP. We ligated these two parts together to create our novel part, BBa_K1499500, which we used for our assays. We found that, in lac deficient cells, the quorum sensing construct can be initiated by induction with IPTG. After this induction, GFP expression increases with time, implying that the construct is doing its job. Our data for this assay is shown below. </h6><br />
</div></div><br />
<br />
<br />
<div class="row"><div class="small-8 small-centered columns"><br />
<h5><center>Quorum Sensing Data</h5> <br><br />
<center><img src="https://static.igem.org/mediawiki/2014/f/fb/SBS_QuorumSensingFacs.png"><br><br />
<h6><b>Figure 5.</b> Flow-cytometer data & histogram plots from fluorescence testing for quorum sensing construct. </center></h6><br />
</div></div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6 class="introText"><br />
<br />
Flow-cytometry is a laser-based technology that has a wide-range of uses, including multiparametric cell counting and cell sorting. In this study, we utilized the cell counting ability of a flow cytometer in order to determine how many of our cells were expressing GFP after being induced with IPTG (a lac analog). The three graphs and tables above represent the flow-cytometer data obtained from three samples of lac-deficient E. coli cells. One of the samples was a negative control of LB-cultured E. coli cells (Negative Control), and the other two samples (IPTG-Positive and IPTG-Negative) had the GFP-quorum sensing construct. The IPTG-Positive sample had a ~6X increase in GFP expression over the background IPTG-Negative cells, showing our construct worked correctly.<br />
<br />
<br></br><br />
<br />
The “X-Median” seen on the three tables above shows the fluorescence intensity of all of the cells that were counted that were not considered dead (Median). <br />
Each sample measured 50,000 cells (Seen under All Events - Count), and then counted all of the cells that were alive (Median - Count), where each sample had between 47,000 and 49,000 live cells. From the data, and as illustrated in the graphs above, we can gather that the fluorescence intensity (X-Median) of the LB only cells was approximately 63 arbitrary fluorescence units (AFU), the IPTG-negative cells was ~17,000 AFU, and the intensity of the IPTG-positive cells was ~107,000 AFU, meaning that the IPTG-positive quorum sensing cells increased fluorescence intensity over 6X the background intensity (IPTG-negative cells).<br />
These results indicate that our quorum sensing construct works and greatly increases GFP expression when activated through IPTG-induction. The IPTG-negative cells also expressed some non-negligible degree of GFP, which suggests that the construct could still be improved further. However, the successful proof of concept of our quorum sensing construct is incredibly promising and allows us to proceed toward the next step.<br />
<br />
<br></br><br />
<br />
Since we know that the quorum sensing construct is functional and inducible with IPTG. We can now work towards replacing the GFP gene with the genes for our degradation enzymes, allowing us to control degradation by applying IPTG at different time points.<br />
<br />
<br></br><br />
<br />
In conjunction with working on controlling the initiation of degradation, we simultaneously worked with our two degradation enzymes, esterase and cellulase. After successfully transforming the esterase gene into E. coli, and confirming via colony PCR, we grew up a large culture of transformed cells and used this to extract and purify the esterase protein.<br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/3/30/Sbs_igem_esterasepcrfinal.jpg><br><br />
<h6><center><b>Figure 6. </b>This is an image of a gel electrophoresis done after running colony PCR with E. coli colonies transformed with our esterase gene (1.5 kB).</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><center><img src=https://static.igem.org/mediawiki/2014/a/a9/Sbs_igem_esteraseproteingelfinal.jpg><br><br />
<h6><center><b>Figure 7. </b>This is the SDS-page gel that was run after purifying the esterase protein from bacteria. The band is at 43 kDa, the expected size of the esterase protein.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<h6>Once we had isolated our protein we were able to do functional assays with the esterase enzyme. By using a cellulose-binding dye that selectively binds to cellulose and not cellulose acetate, we were able to test whether or not the esterase enzyme was effective in de-acetylating commercial grade cellulose acetate. We soaked the cellulose acetate in the esterase protein at its optimal temperature of 30ºC and tested with the stain at multiple points. The results of our assay (shown below) demonstrate that over time the protein was working to degrade the cellulose acetate, as the blue stain intensity increased over time. In the future, we can better characterize our esterase protein by doing assays with more replicates, longer time periods, and varying amounts of protein.<h6><br />
<br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><center><img src=https://static.igem.org/mediawiki/2014/6/62/Sbs_igem_esteraseassayfinalfinal.jpg><br><br />
<h6><center><b>Figure 8. </b>Pieces of cellulose acetate were soaked in esterase enzyme for varying amounts of time before their level of degradation was tested using the blue cellulose-binding dye.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<h6>We are currently working on functional assays of the cellulase gene, and have submitted it as a <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks">BioBrick </a><a href="http://parts.igem.org/Part:BBa_K1499501">(BBa_K1499501)</a>.<h6><br />
<br />
<br />
<br />
<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 4 ====== --><br />
<br />
<div class="row"><br />
<div id="references" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Links & References ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>References</h5><br />
<h6><br />
Suspendisse volutpat sem eu ornare tincidunt. Mauris pharetra sed justo vitae sodales. Nulla in sodales tortor, placerat tempor dui.<br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Have a link or reference? Put it here!</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Link, acknowledgement, or reference 2</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Additional links, acknowledgements, and references</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 5 ====== --><br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells5"><br />
</div><br />
</div><br />
<br />
<!-- ====== Additional Information ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Additional Information</h5><br />
<h6><br />
Try to avoid having any additional information here. We're trying to keep our site organized, clean, and compelling!<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 6 ====== --><br />
<br />
<div class="row"><br />
<div id="precontact" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="https://static.igem.org/mediawiki/2014/8/86/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Modelling
Team:StanfordBrownSpelman/Modelling
2014-10-17T04:25:16Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<!-- ====== Standard Navigation Bar ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/b/b1/SBSiGEM2014_Modeling_Icon.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h3><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Modelling">Bioinformatics & Modeling</a><br />
</h3><br />
<center><div class="boxedmenu"><br />
<h7><center><a href="#" id="data">DoubleOptimizer</a> ● <a href="#" id="methods">CompositionSearch</a><br><a href="#" id="pics">Flux Balance Analysis</a></h7></div></center><br />
<br />
<h6 id="subheader">While working on our synthetic biology projects for this year's iGEM competition, we found ourselves in need of some computational tools for synthetic biology that did not yet exist. Therefore, we developed our own software packages to meet these needs. In particular, we have developed two pieces of software, specifically designed for the needs of synthetic biologists:<b></b><br />
<div class="sub5">● DoubleOptimizer: a tool that facilitates synthesis of repetitive genes by optimizing codon usage to both match a codon usage distribution for a desired organism, and to reduce and avoid repetitive nucleotide sequences, allowing for easier synthesis.</div><br />
<div class="sub5">● CompositionSearch: a tool that quickly ranks all proteins in a proteome by their similarity to a given amino acid distribution.</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<div class="row"><br />
<div id="images" class="small-3 small-centered columns cells2"><br />
</div><br />
</div><br />
<br />
<!-- ====== DOUBLE OPTIMIZER ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5 id="results"><center><br />
DoubleOptimizer </h5><br />
<h6><center>A utility for simultaneous codon and <br>gene synthesis optimization<br></h6><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src="https://static.igem.org/mediawiki/2014/0/0b/Double_optimizer_graphic.jpg"><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<h6><br />
<center><iframe width="420" height="315" src="//www.youtube.com/embed/sO1qd3eTzRo" frameborder="0" allowfullscreen></iframe><br><br><br />
<h6><br />
Gene synthesis as a tool for biological engineering presents both opportunities and challenges. One opportunity presented is the ability to optimize codon usage in a gene to match that of a host organism. Compared to traditional cloning methods, this can increase protein yields in the host organism by several fold.[1] However, while there exist a large number of freely-usable programs that perform codon optimization, there is no guarantee that the sequences these programs provide will be able to be synthesized. Specifically, in the case of genes with repetitive amino acid sequences, these programs will often generate outputs that contain too many repeated short DNA sequences to be synthesized commercially. <br></br><br />
<br />
<br />
As an example, the hypothetical protein X777_06170 from the ant species <i>Cerapachys biroi</i> has an amino acid sequence that appears to be somewhat repetitive: <br><br><br />
<br />
<div class="sub6">001 mklfkclvpv vvlllikdss arpglirdfv ggtvgsilep fqilkpkdsy adanshasah <br></br><br />
061 nlggtfslgp vslggglssa sasssasang gglasasska daqaggygyg gsnanaqasa <br></br><br />
121 sanaqgggyg nggihgiypg qqgvhggnpf lggagsnana naiananaqa naggnngglg<br></br><br />
181 syggyqqggn ypidsstgpi gnnpflsggh gdgnanaaan anagasaign gggpidvnnp<br></br><br />
241 flhggaansg agginyqpgn aggiilsekp lglptiypgq hppayldsig spgansnaga<br></br><br />
301 napcsecgss gatilgyegq glggikesgs sgatilgyeg qglggikesg ssgatilgye<br></br><br />
361 gqglggikes gssgatilgs ydgqgpsgat ilgdyngqgl ggikessgvt vlgdyegqgl<br></br><br />
421 ggisgphggh gqaganagan ananagatvg ssggvlggvg dhggyhgyng hdgssglnlg<br></br><br />
481 gygggsnana qassnalass ggsssatsda lsnahssggs alanssskas angsgsanan<br></br><br />
541 ahassnassg shglgsktsa ssqasasadt rdmlifs[2]</div><br><br />
</h6><br />
<br />
<h6> Note that this sequence is not simply the same sequence repeated multiple times, but instead contains several motifs on the order of 10 - 20 amino acids in length that occur several times. When this sequence was run through the codon optimization program for expression in ''E. coli'' provided by a major DNA synthesis firm, the resulting output could not be synthesized by the very same firm: the "optimized" DNA sequence contained too many recurring short (> 8 nucleotide) DNA sequences to allow for synthesis.<br><br><br />
<br />
Manually correcting for repeats in the codon-optimized DNA sequence is a sub-optimal solution: not only is this process time-consuming, but it has the tendency to undo the codon-optimization: if a sequence of amino acids occurs several times, one may be forced to use all possible codon-combinations to represent this sequence to avoid nucleotide-sequence repetition. Unless corrected for by skewing codon usage elsewhere in the sequence, this will tend to make the codon usage more uniform than is optimal for the expression vector. Additionally, any changes made in either correcting for repeats or re-correcting for codon usage may in turn introduce additional repeats.<br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Solution: DoubleOptimizer ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Solution</h5><br />
<h6>DoubleOptimizer is a software tool we have created to optimize codon usage in a gene both to match a given codon usage distribution and to avoid repetition of nucleotide sequences. Given a DNA or amino acid sequence and a desired codon distribution, DoubleOptimizer will produce, within a matter of minutes, an equivalent sequence that has substantially reduced DNA sequence repetition, while also closely matching the desired codon usage.<br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Availability and Usage ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Availability and Usage</h5><br />
<h6>DoubleOptimizer may be downloaded <a href = "http://drive.google.com/a/brown.edu/file/d/0B6Q5Eo65G4cPZC1SZWEzbUtrYUU/view?usp=sharing"><u>here</u></a>. DoubleOptimizer is a command line utility, provided as a Java jar file. It can be invoked from command line on any system with Java 7 or later installed, with the following syntax:<br></br><br />
<br />
<div class="sub6">java -jar DoubleOptimizer.jar seq.txt codons.txt <br></br> </div><br />
<br />
where "seq.txt" is a DNA sequence, stored as a plain text file, and "codons.txt" is a file containing the desired codon distribution to match. It should be formatted as plain text, according to the following example template: <br><br><br />
<br />
<div class="sub6"><br />
A<br></br><br />
GCG .36<br></br><br />
GCC .27<br></br><br />
GCA .21<br></br><br />
GCT .16<br></br><br />
R<br></br><br />
CGC .40<br></br><br />
CGT .38<br></br><br />
CGG .10<br></br><br />
CGA .06<br></br><br />
AGA .04<br></br><br />
AGG .02<br></br><br />
N<br></br><br />
AAC .55<br></br><br />
AAT .45<br></br><br />
D<br></br><br />
GAT .63<br></br><br />
GAC .37<br></br><br />
C<br></br><br />
TGC .55<br></br><br />
TGT .45<br></br><br />
E<br></br><br />
GAA .69<br></br><br />
GAG .31<br></br><br />
Q<br></br><br />
CAG .65<br></br><br />
CAA .35<br></br><br />
G<br></br><br />
GGC .40<br></br><br />
GGT .34<br></br><br />
GGG .15<br></br><br />
GGA .11<br></br><br />
H<br></br><br />
CAT .57<br></br><br />
CAC .43<br></br><br />
I<br></br><br />
ATT .51<br></br><br />
ATC .42<br></br><br />
ATA .07<br></br><br />
L<br></br><br />
CTG .50<br></br><br />
TTG .13<br></br><br />
TTA .13<br></br><br />
CTT .10<br></br><br />
CTC .10<br></br><br />
CTA .04<br></br><br />
K<br></br><br />
AAA .77<br></br><br />
AAG .23<br></br><br />
M<br></br><br />
ATG 1<br></br><br />
F<br></br><br />
TTT .57<br></br><br />
TTC .43<br></br><br />
P<br></br><br />
CCG .52<br></br><br />
CCA .19<br></br><br />
CCT .16<br></br><br />
CCC .12<br></br><br />
S<br></br><br />
AGC .28<br></br><br />
AGT .15<br></br><br />
TCG .15<br></br><br />
TCT .15<br></br><br />
TCC .15<br></br><br />
TCA .12<br></br><br />
*<br></br><br />
TAA .64<br></br><br />
TGA .29<br></br><br />
TAG .07<br></br><br />
T<br></br><br />
ACC .44<br></br><br />
ACG .27<br></br><br />
ACT .17<br></br><br />
ACA .13<br></br><br />
W<br></br><br />
TGG 1<br></br><br />
Y<br></br><br />
TAT .57<br></br><br />
TAC .43<br></br><br />
V<br></br><br />
GTG .37<br></br><br />
GTT .26<br></br><br />
GTC .22<br></br><br />
GTA .15<br></br><br />
</div><br />
<br />
(Note that the above example is actually the codon usage distribution of <i>E. coli</i>.[3]) <br></br><br />
<br />
DoubleOptimizer supports non-canonical codon assignments: the amino acid-codon groupings can by specified in whatever way the user wants in the codon distribution file.<br></br><br />
<br />
When executed, DoubleOptimizer will first display the input sequence with repetitive regions highlighted. It will also give the fraction of the sequence that initially consists of repetitive regions (defined by default as regions of 8 nucleotides or more that occur more than once in the sequence, including as their reverse complement), and a chi-squared value for the goodness-of-fit to the desired codon distribution (lower is better).<br></br><br />
<br />
DoubleOptimizer will then compute and display the optimized sequence (By default, it will produce the best sequence it can find after 10 seconds of computation time). Again, repetitive regions will be highlighted, and the same measurements of repetitiveness and codon fit will be given.<br></br><br />
<br />
The following optional flags may be used to change the program's behavior:<br></br><br />
<br />
<div><h5><ul><li>-A</ul></h5></div><br />
<br />
This allows for an amino-acid sequence, specified in single-letter code, to be used as input instead of a DNA sequence. The initial sequence statistics displayed will be for a uniform random reverse translation of the given amino acid sequence. <br></br><br />
<br />
Example: <br><br />
<br />
<div class="sub6">java -jar DoubleOptimizer.jar aaseq.txt codons.txt -A <br></br><br />
<br />
</div><br />
<br />
<div><h5><ul><li>-T##</ul></h5></div><br />
This allows the user to specify, in seconds, a different run-time for the program other than the default 10 seconds. While 10 seconds should be sufficient to produce a well-optimized result for most genes of moderate length on modern desktop computers, longer times may produce better-optimized results on slower machines or on longer sequences. <br></br><br />
<br />
Example:<br><br />
<br />
<div class="sub6">java -jar DoubleOptimizer.jar aaseq.txt codons.txt -A -T30 <br></br><br />
<br />
</div><br />
<br />
<div><h5><ul><li>-L##</ul></h5></div><br />
This allows the user to specify a different minimum length for what is considered a repeat, other than the default 8 nucleotides.<br></br><br />
<br />
Example:<br><br />
<br />
<div class="sub6"> java -jar DoubleOptimizer.jar seq.txt codons.txt -L7 -T15 <br></br><br />
*-S##, -E##<br></br> <br />
</div><br />
<br />
These allow the user to specify the starting and ending nucleotide, respectively, of the coding region in a construct sequence to be sythesized. Nucleotides outside this frame will be ignored for codon usage optimization, and will never be modified. This option is useful for preventing repetitions, within the coding region, of fixed sequences that occur at the ends of a construct to be sythesized, outside of the coding region. The default values are the beginning of the sequence, and the end of the last complete codon. These options may be used together or independently. Values are one-indexed. If used with ''-A'', these will be interpreted as amino acid indices.<br></br><br />
<br />
Example:<br><br />
<br />
<div class="sub6"> java -jar DoubleOptimizer.jar seq.test codons.txt -S121 -E1853 -R1000 -D100<br />
<br />
</div><br />
<div><h5><ul><li>-D##</ul></h5></div><br />
This option will make the program periodically display the current best sequence, and associated statistics, as it runs. The number given is the number of optoimization cycles the program will perform between each round of displaying the sequence. This provides a continuous measure of progress on long optimization runs. Note that, when given 10 seconds, the program may execute several thousand cycles of optimization, so an argument on the order of 100 may be reasonable.<br></br> <br />
<br />
<br />
Example:<br><br />
<br />
<div class="sub6"> java -jar DoubleOptimizer.jar seq.test codons.txt -S121 -E1853 -R1000 -D100<br />
<br />
</div><br />
<div><h5><ul><li>-R##</ul></h5></div><br />
This option will make the program halt optimization after a certain number of optimization cycles. This may be used with a large value of -T to standardize optimization quality between computers of different speeds. Because this option is mostly only useful for testing the efficiency of this program itself, it may be removed from future releases.<br></br><br />
<br />
Example:<br><br />
<br />
<div class="sub6"> java -jar DoubleOptimizer.jar seq.test codons.txt -S121 -E1853 -T1000 -R1000<br />
</div><br />
<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Examples of Use ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Examples of Use</h5><br />
<br />
<h6>As an example of the normal operation of the program on an amino acid sequence, consider the above-listed example of a repetitive amino acid sequence, hypothetical protein X777_06170 from the ant species <i>Cerapachys biroi</i>. At one point in our waterproofing project, this protein was considered for sythesis as a possible homologue of the waterproofing <i>Polistes</i> protein. DoubleOptimizer was originally written to overcome difficulties in synthesising this protein for expression in <i> E. coli</i>. (Due to further advances in the <i>Polistes</i> project, this gene was never synthesized). <b></b><br />
A screenshot of a run of DoubleOptimizer on the amino acid sequence for this protein (listed above), with the <i> E. coli</i> codon usage table also listed above, with default settings for 10 seconds on a laptop computer (2011 model Macbook Pro) is shown below: <b></b></h6></div><br />
<div><br><center><img src="https://static.igem.org/mediawiki/2014/8/85/AADoubleOptExample.png" width="1300" height="800"><br><br />
<br />
</div><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h6><br />
<b></b><br />
Note that the number of repeated sequences is significantly reduced, and the closeness-of-fit to the desired codon sequence is much improved, compared to the initial random reverse-translation.<br />
<b></b><b></b><br />
As an example of DoubleOptimizer run on a DNA sequence, a somewhat-repetitive <i>Homo sapiens</i> gene was arbitrarily selected from the NCBI database. Specifically, the exon sequence for <a href="http://www.ncbi.nlm.nih.gov/nuccore/18028443"><u>Ca+2-binding protein CBP86 form VII</u></a> was optimized for synthesis, again in <i> E. coli</i>. The same computer setup was used, and DoubleOptimizer was run for the default 10 seconds: <b></b><br />
</h6></div><br />
<div><br><center><img src="https://static.igem.org/mediawiki/2014/0/09/DNADoubleOptExample.png" width="1300" height="800"><br><br />
<br />
</div><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h6><br />
<br />
<br />
<b></b><br />
In this case, the sequence went from being over 47% composed of repetitive sequences 8 nucleotides or more in length to being completely non-repetitive. Also, the codon usage distribution is now a near-perfect match to the <i> E. coli</i> codon usage distribution.<b><br />
<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ======Algorithm ====== --><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Algorithm</h5><br />
<h6>DoubleOptimizer uses a genetic optimization algorithm.[4] This algorithm mimics natural selection by taking the original gene sequence and generating several variants by copying the sequence and creating random silent point mutations in each copy. Each variant is then assigned a fitness score based on its repetitiveness and closeness-of-fit to the desired codon usage distribution, and the most fit variants are kept. These are then re-copied, re-mutated and re-scored, and again only the most fit variants are kept, through several thousand rounds of selection. When optimization time runs out, the most fit member of the population after the final round of selection is displayed. <br></br> <br />
One challenge in implementing this algorithm efficiently is that scoring for repetitiveness is a time-consuming process (the time belongs to O(n<sup>2</sup>) in the length of the sequence). Because many thousands of sequences are scored in a single optimization, finding a way to reduce the computational burden of this step was a task of paramount importance. Our solution was to store for each sequence a matrix representing the locations in the sequence where repetitions are already known to occur, and to only attempt to add or remove repetitions that could by affected by the point mutations that were made. This significantly improved run-time, compared to the unsophisticated technique of independently re-scoring each modified sequence.<br />
<br><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== References ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>References</h5><br />
<h6>1. Several references exist that establish the link between codon usage and expression. To give some highly-cited examples:<br> <br />
<br />
Ikemura, T. Codon usage and tRNA content in unicellular and multicellular organisms. Mol Biol Evol (1985) 2 (1): 13-34 <br></br> <br />
Gouy, M. and Gautier, C. Codon usage in bacteria: correlation with gene expressivity Nucl. Acids Res. (1982) 10 (22): 7055-7074 doi:10.1093/nar/10.22.7055 <br></br> <br />
Sharp, Paul M. and Li, Wen-Hsiung. The codon adaptation index-a measure of directional synonymous codon usage bias, and its potential applications Nucl. Acids Res. (1987) 15 (3): 1281-1295 doi:10.1093/nar/15.3.1281 <br></br> <br />
2. http://www.ncbi.nlm.nih.gov/protein/607359946. Original paper: Oxley PR, Ji L, Fetter-Pruneda I, McKenzie SK, Li C, Hu H, Zhang G, Kronauer DJ. The genome of the clonal raider ant Cerapachys biroi. Curr Biol. 2014 Feb 17;24(4):451-8. doi: 10.1016/j.cub.2014.01.018. Epub 2014 Feb 6. PubMed PMID: 24508170; PubMed Central PMCID: PMC3961065. <br></br> <br />
3. Kazuna DNA Research Institute. Codon Usage Database. http://www.kazusa.or.jp/codon/cgi-bin/showcodon.cgi?species=316407. <br></br> <br />
4. For a good introduction to genetic algorithms, see:<br></br> <br />
Goldberg, David E. Genetic Algorithms in Search, Optimization, and Machine Learning. Reading, Mass: Addison-Wesley Pub. Co, 1989. <br />
<br />
<br />
<br><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Cell Spacer 2 ====== --><br />
<br />
<div class="row"><br />
<div id="results" class="small-3 small-centered columns cells8"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== COMPOSITION SEARCH ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5 id="process"><center> CompositionSearch</h5><br />
<h6><center>A fast, local search of protein sequences<br>against a specified amino acid distribution</h6><br> <br />
<h6>When the relative proportions of amino acids in an unknown protein product have been chemically determined, it is often useful to search a proteome for proteins that have similar amino acid distributions, in order to identify this protein product. While at least one online utility for performing this task already exists (provided by the <a href = "http://web.expasy.org/aacompident/aacompfree.html"> <u>Swiss Institute of Bioinformatics</u> </a>), the web-based nature of this program creates some limitations. Firstly, the SIB provides computational resources for the calculation, resulting in slower turnaround for the user (searches take about 15 minutes). Secondly, this program will only search for proteins already in the Swiss-Prot / TrEMBL databases. (At last check, only the smaller Swiss-Prot search was functional.) If an organism is being newly studied and has just been sequenced, its predicted proteome will not be in these databases. Thirdly, due to limited resources, only the top matches to a given search are provided. This does not allow for statistical comparison to the "typical" protein within a given proteome. Fourthly, for very-high-security tasks, uploading data to a third party may be undesirable.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== CompositionSearch: Solution ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Solution</h5><br />
<h6>CompositionSearch is a software tool we have created to address these issues by allowing an individual to rank all proteins in a proteome by similarity (minimum Euclidian distance) to a reference amino acid distribution locally on one's own computer. This ranking can be generated in a matter of seconds, rather than taking several minutes. Because it ranks all proteins in a proteome, CompositionSearch can also generate a figure for the significance of the similarity of a given protein to a given amino acid distribution, using the similarity of the rest of the proteome as a statistical distribution function. <br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== CompositionSearch: Availability and Usage ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Availability and Usage</h5><br />
<h6>CompositionSearch may be downloaded <a href= "http://drive.google.com/a/brown.edu/file/d/0B6Q5Eo65G4cPbnpQYlNlcU1QUE0/view?usp=sharing"><u>here</u></a>. <br></br><br />
<br />
CompositionSearch is a command line utility, provided as a Java jar file. It can be invoked from command line on any system with Java 7 or later installed, with the following syntax:<br></br><br />
<br />
<div class="sub6"> java -jar CompositionSearch.jar prot.fasta freqs.txt out.csv <br></br> </div><br />
<br />
where "prot.fasta" is a FASTA-formatted proteome, and "freqs.txt" is a file containing the desired amino distribution to match. It should be formatted as plain text, according to the following example template:<br><br />
<br />
<div class="sub6"><br />
A 0.134 <br></br> <br />
D 0.044 <br></br> <br />
E 0.04 <br></br><br />
G 0.228 <br></br> <br />
I 0.033 <br></br> <br />
K 0.021<br></br><br />
L 0.04 <br></br><br />
P 0.08 <br></br><br />
R 0.009<br></br><br />
S 0.151<br></br><br />
T 0.038<br></br><br />
V 0.083<br></br><br />
</div> <br />
<br />
Note that this may contain as many or as few amino acids as desired. The frequencies, however, are interpreted as absolute, so if all amino acids are represented, they should add 1. (See below for discussion of how the optional -N and -X flags affect this interpretation). <br></br> <br />
<br />
"out.csv" in the above example line is the destination path to store the results of the calculation. The output will be a spreadsheet in csv format, which may be imported into your favorite desktop spreadsheet application (i.e. Microsoft Excel, LibreOffice Calc, etc.).<br></br><br />
<br />
After execution, out.csv will contain a spreadsheet showing the reference distribution, and, in order by similarity to the reference distribution, the amino acid distributions of all proteins in the proteome. Protein name, similarity ranking, similarity score (Euclidian distance between amino acid distributions; lower is better), and similarity p-value (on the curve of other proteins in the proteome) will be listed for each protein. <br></br><br />
<br />
The following optional flags may be used to change the program's behavior: <br></br><br />
<br />
<div><h5><ul><li>-N</ul></h5></div><br />
<br />
This will cause the program to ignore amino acids in the proteins that are not in the distribution list. In other words, this means that the frequencies given refer to frequencies relative to only the the other amino acids listed, instead of all amino acids. To clarify:<br></br><br />
<br />
Without the -N flag, the line in the above example distribution list: <br><br />
<div class="sub6"> P 0.08 <br></br> </div><br />
means that 8% of all amino acid residues in the matching protein are expected to be proline residues. <br></br><br />
<br />
With the -N flag, the line in the above example distribution list:<br><br />
<div class="sub6"> P 0.08 <br></br> </div> <br />
means that 8% of amino acid residues that belong in the set {ADEGIKLPRSTV} (the amino acids with defined frequences) in the matching protein are expected to be proline residues. <br></br><br />
<br />
Example:<br><br />
<div class="sub6"> java -jar CompositionSearch.jar prot.fasta freqs.txt out.csv -N <br></br><br />
<br />
</div><br />
<div><h5><ul><li>-X$$</ul></h5></div><br />
This will cause the program to completely disregard certain amino acid residue symbols in the proteome, regardless of use of the N flag.<br></br><br />
<br />
The default value of this set of characters is 'X,' often used to represent unknown amino acid residues. Therefore the flag -XX is equivalent to normal behavior. Note that the set of characters being ignored is replaced by the -X flag, so it is always advisable to list X when using this flag.<br></br><br />
<br />
Example:<br><br />
<div class="sub6"> java -jar CompositionSearch.jar prot.fasta freqs.txt out.csv -XX*-<br></br> </div><br />
<br />
This will cause the symbols X,*, and - to be ignored in the proteome. <br />
<br />
<br></br><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 2 ====== --><br />
<br />
<div class="row"><br />
<div id="images" class="small-3 small-centered columns cells7"><br />
</div><br />
</div><br />
<br />
<!-- ====== Cellulose Modeling ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5 id="results"><center><br />
Cellulose Pathway Modeling </h5><br />
<br />
<!-- ====== Flux Balance Analysis ====== --><br />
<br />
<h6><center>Flux Balance Analysis</h6><br><br />
<br />
<h6><br />
Modeling allows for efficient experimental design by optimizing specific conditions before testing with in vitro methods. Flux Balance Analysis (FBA) is used to optimize the growth medium for the bioengineered gluconacetobacter hansenii to yield bacterial cellulose to be used as biomaterial for a biodegradable drone. FBA is a mathematical method used to examine how metabolites relate to each network and makes predictions for the growth of an organism and product output. It is a direct application of linear programming to biological systems that used the stoichiometric coefficient for each reaction in the system as the set of constraints for the optimization. (add glycolysis stoichiometric picture here)<br />
<br />
</br></br>Flux Balance Analysis is perfomed under steady state conditions and requires information about the stoichiometry of metabolic pathways, metabolic demands, and strain specific parameters. At steady state, there is no accumulation or depletion of metabolites in a metabolic network, so the production rate of each metabolite in the network must equal its rate of consumption (3).<br />
<br />
</br></br>FBA will be used to optimize the growth conditions of g. hansenii in order to maximize the product output of cellulose. The exchange reactions determine the metabolites that are beneficial to the medium. Changing the composition will allow us to be able to determine the effect the composition has on the efficiency of the production media.<br />
</h6><br><br><br />
<br />
<!-- ====== Model SEED- ModelView ====== --><br />
<br />
<h5><center>Model SEED- ModelView</h5><br />
<br />
<h6>Model SEED is an online analysis software with its own genome and media formulation database. An analysis of the G. hansenii is done with the curated model including a biomass reaction set for optimal organismal growth and a control of complete media. The biomass reaction describes the rate, which all the biomass precursors are made in correct proportions.(2) Biomass reactions include the information listed in Figure 1.(Biomass reaction picture) A biomass reactions requires a knowledge of the composition of a cell and the energy requirements that allow for the cell to grow. The biomass equation consists of three levels : macromolecular level (RNA, protein), intermediate level (biosynthetic energy), advanced level (vitamins, elements, and cofactors). The biomass equation also list to stochiometric coefficients for each part of the biomass equation. Using this biomass equation the growth rate was determined to be 66.48 gm per biomass CDW/hr was obtained. Since the flux is positive this explains that the flux of the analysis is indeed towards growth a negative or zero flux would have explained that the pathway is not used or it is impossible. <br />
</h6><br><br><br />
<br />
<br />
<!-- ====== Future Directions/Modifications ====== --><br />
<br />
<h5><center>Future Directions/Modifications</h5><br />
<br />
<h6>Although a growth rate is obtained using Model SEED, this rate is for an environment where a complete medium is used. The growth medium being used contains dextrose, peptone, yeast extract, Na2HPO4, citric acid, agar and water. Model SEED does not have the capabilities to create a media file, so all further analysis will be done using KBase because it has the ability to customize the media used for analysis. Kbase is a software that allows for online analysis of models, where models and the corresponding media for organismal growth can be optimized. The genome database contains all genomes including the G. hansenii genome (as a JSON file). A full database for medias that exist and capabilities to create the media being used in experimentation through the IRIS interface, which is the command line environment used by Kbase. Using IRIS and the subsequent FBA tutorial, a flux balance analysis was attempted but several issue were observed because of command line issues. Kbase will allow for the majority of modifications to be done in order to obtain the correct model and medium, further help will be sought out in order to conquer the error messages seen. Once the error messages are fixed, further literature searches and consultations will be done in order to change the biomass reaction to one that will target the product growth of cellulose instead of organismal growth of G. hansenii. Again once an accurate growth rate with the proper medium is found, it will then be possible to plot the organism growth rate vs. product growth rate. Plotting this data will determine if there is a direct or inverse relationship between the two quantities.<br />
</h6><br><br><br />
<br />
<br />
<!-- ====== References ====== --><br />
<br />
<h5><center>References</h5><br />
<br />
<h6>1. Covert, M. W. and B. O. Palsson. Constraints-based models: regulation of gene expression reduces the steady-state solution space. J Theor Biol [Online] 2003 221(3), 309-325.</br></br><br />
<br />
2. Feist, Adam M, and Bernhard O Palsson. The biomass objective function. Current Opinion in Microbiology. [Online] 2010,13.3, 344-349. </br></br><br />
<br />
3. Orth, Jeffrey D, Ines Thiele, and Bernhard Ø Palsson. What is flux balance analysis? Nature Biotechnology [Online] 2010, 28.3, 245-248.</br></br><br />
<br />
4. Schellenberger J, Que R, Fleming RMT, Thiele I, Orth JD, Feist AM, Zielinski DC, Bordbar A, Lewis NE, Rahmanian S, Kang J, Hyduke DR, Palsson BØ. Quantitative prediction of cellular metabolism with constraint-based models: the COBRA Toolbox v2.0. Nature Protocols [Online], 2011, 6:1290-1307.<br />
</h6><br />
</div><br />
<br />
<br />
</div><br />
<br />
<!-- ====== Cell Spacer 6 ====== --><br />
<br />
<div class="row"><br />
<div id="precontact" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="https://static.igem.org/mediawiki/2014/8/86/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Achievements
Team:StanfordBrownSpelman/Achievements
2014-10-17T02:54:04Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014 — BioBricks</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<!-- ====== Standard Navigation Bar ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/c/c5/SBSiGEM2014_Achievements_Icon.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h3><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Achievements">Achievements</a></h3><br />
<br><br />
<h6><br />
Following is documentation of the <a href="https://2014.igem.org/Judging/Awards" target="_blank">2014 iGEM Competition judging criteria</a> and how our team fulfilled the various medal requirements. We feel our team performed strongly in a number of areas, and we would like to share our accomplishments! Check them out:<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ======<br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
--><br />
<br />
<!-- ====== Category 1 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Bronze Medal Requirements</a></h5><br />
<h6><br />
<br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">We completed our team <a href="https://igem.org/Team.cgi?year=2014&team_name=StanfordBrownSpelman" target="_blank"><u>registration</u></a> in April, and plan to attend the iGEM Jamboree in October.</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">We have completed our Judging Form and submitted it by the October deadline.</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">We have produced a <a href="https://2014.igem.org/Team:StanfordBrownSpelman"><u>wiki</u></a> that documents our team's various project results and the processes we went through to obtain them.</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">We have prepared a poster and a talk for the 2014 iGEM Jamboree. Registration paid, hotels reserved, UAVs assembled, and rearing to go!</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">We have acknowledged our advisors, sponsors, and collaborators in the <a href="https://2014.igem.org/Team:StanfordBrownSpelman/Attributions"><u>Attributions</u></a> section of our wiki.</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">We have documented multiple new standard biobrick Parts or Devices. Check out our <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks" target="_blank"><u>BioBricks page</u></a> for more information about our bricks and find our parts in the <a href="http://parts.igem.org/Main_Page" target="_blank">registry</a> to see the complete documentation.</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 2 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Silver Medal Requirements</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Experimentally validate at least one biobrick part—we validated the <a href="http://parts.igem.org/Part:BBa_K1499200" target="_blank">radiation resistance of uvsE.</a></div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Document the characterization of the biobrick on the parts registry page and submit part to registry. Both completed for <a href="http://parts.igem.org/Part:BBa_K1499200" target="_blank">radiation resistance gene uvsE.</a></div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Articulate questions about the project and answer them. Visit our <a href="https://2014.igem.org/Team:StanfordBrownSpelman/Human_Practices" target="_blank">Human Practices</a> page to see some of the questions and answers about biological drone use that we generated.</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 3 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Gold Medal Requirements</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Improve the function or characterization of an existing biobrick part or device.</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Help any registered iGEM team by: characterizing a part, debugging a construct, modeling their system.</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Describe an approach to address policy and practices, evaluate your approach, mention how it affects us. We've been working with the EPA to write regulations for synthetic biology in the air. Our project addresses policy and outlines best use practices for biological UAVs and environmental safety concerns with respect to synthetic biology that affect the application of synthetic biology across the country. Read more about our collaboration with the EPA to address the release of synthetic organisms into the environment and our evaluation of our own approach on our <a href="https://2014.igem.org/Team:StanfordBrownSpelman/Human_Practices" target="_blank">Human Practices page.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Cell Spacer 5 ====== --><br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells6"><br />
</div><br />
</div><br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="pdfs/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Attributions
Team:StanfordBrownSpelman/Attributions
2014-10-17T00:51:03Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014 — BioBricks</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<!-- ====== Standard Navigation Bar ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/c/c5/SBSiGEM2014_Achievements_Icon.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h3><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Attributions">Attributions</a></h3><br />
<br><br />
<h6><br />
We would like to thank everyone who contributed to the realization of our project! All that we've done would not be possible with the contributions made by those listed below. On this page, we've listed contributors by project. We've also added sections for our sponsors and for those who made contributions to our team outside of specific projects. Thank you again, everyone, for all you've done!<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ======<br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells5"><br />
</div><br />
</div><br />
--><br />
<br />
<!-- ====== Category 1 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Cellulose Acetate and Biomaterial Production</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://www.bchs.uh.edu/people/detail/?155622-961-5=tcooper" target="_blank">Tim Cooper at University of Houston for <i>Pseudomonas fluorescens</i>.</a></div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://www.spelman.edu/academics/faculty/jean-marie-dimandja" target="_blank">Jean-Marie Dimandja at Spelman College for discussions of 2D GC Analysis.</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 2 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Amberless Hell Cell</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Experimentally validate at least one biobrick part—we validated the <a href="http://parts.igem.org/Part:BBa_K1499200" target="_blank">radiation resistance of uvsE.</a></div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Document the characterization of the biobrick on the parts registry page and submit part to registry. Both completed for <a href="http://parts.igem.org/Part:BBa_K1499200" target="_blank">radiation resistance gene uvsE.</a></div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Articulate questions about the project and answer them. Visit our <a href="https://2014.igem.org/Team:StanfordBrownSpelman/Human_Practices" target="_blank">Human Practices page to see some of the questions and answers about biological drone use that we generated.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 3 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Wasp Proteins &amp; Material Waterproofing</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://research.calacademy.org/ent/staff/dkavanaugh" target="_blank">Dave Kavanaugh at Cal Academy of Sciences for helping us trap wasps.</a></div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://ib.berkeley.edu/people/directory/detail/6000/" target="_blank">Michael Sheehan at UC Berkeley for helping us identify wasp species.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 4 ====== --><br />
<br />
<div class="row, plainlinks"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Biodegradability</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://web.mit.edu/voigtlab/">Christopher Voigt at MIT for providing plasmids necessary for making our biodegradation constructs.</a></div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="https://www.linkedin.com/pub/timothy-brown/36/ab4/441" target="_blank">Timothy Brown from Thermo Fisher Scientific for teaching us how to use the flow-cytometer to collect GFP data. </a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 5 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Cellulose Cross-Linker</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Improve the function or characterization of an existing biobrick part or device.</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 6 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Modeling</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Improve the function or characterization of an existing biobrick part or device.</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Help any registered iGEM team by: characterizing a part, debugging a construct, modeling their system.</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Describe an approach to address policy and practices, evaluate your approach, mention how it affects us. We've been working with the EPA to write regulations for synthetic biology in the air. Our project addresses policy and outlines best use practices for biological UAVs and environmental safety concerns with respect to synthetic biology that affect the application of synthetic biology across the country. Read more about our collaboration with the EPA to address the release of synthetic organisms into the environment and our evaluation of our own approach on our <a href="https://2014.igem.org/Team:StanfordBrownSpelman/Human_Practices" target="_blank">Human Practices page.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 6 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Policy and Human Practices</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://geo.arc.nasa.gov/sg/cv/esddir3cv-Brass.html">Jim Brass</a>, Kevin Reynolds, and Bob Dahlgren for consulting with us about building, flying, and using UAVs.</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Help any registered iGEM team by: characterizing a part, debugging a construct, modeling their system.</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Describe an approach to address policy and practices, evaluate your approach, mention how it affects us. We've been working with the EPA to write regulations for synthetic biology in the air. Our project addresses policy and outlines best use practices for biological UAVs and environmental safety concerns with respect to synthetic biology that affect the application of synthetic biology across the country. Read more about our collaboration with the EPA to address the release of synthetic organisms into the environment and our evaluation of our own approach on our <a href="https://2014.igem.org/Team:StanfordBrownSpelman/Human_Practices" target="_blank">Human Practices page.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 6 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Outreach</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a style="text-decoration: none" href="http://www.dna20.com/" target="_blank">DNA 2.0 for their advice, sponsorship, and facility tour.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 7 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Building the Drone</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://www.ecovativedesign.com" target="_blank">Ecovative for the production of our mycelium drone components.</a></div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://agic.cc" target="_blank">AgiC for providing us with silver ink pens for producing drawn circuits and for printing circuits on our cellulose-based biomaterials.</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Starch bioplastic samples produced by Eli Block and Jotthe Kappannan with contributions from other team members. Biomaterial molds design by Eli Block. Extensive cellulose material experimentation by Poorwa Godbole.</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Preliminary UAV concept and mycelium UAV drone part designs by Eli Block.</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 8 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Art &amp; Design</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Wiki design by Eli Block, Aryo Sorayya, and Jotthe Kappannan. Built using the Zurb Foundation framework and brought to you by iGEM and MediaWiki.</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Team poster, banner, and wiki assets designed and produced by Eli Block. Material product photography by Eli Block.</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Team presentation and peace sign drone logo designed by Jeannette Gonzalez-Wright.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Sponsor List ====== --><br />
<br />
<div class="row"> <br />
<div id="thanks" class="small-9 small-centered columns"><br />
<h4><center>Special Thanks to Our Sponsors</center></h4><br />
<h6 style="text-decoration: none"><center> <br />
<a style="text-decoration: none" href="http://www.dna20.com/" target="_blank">DNA 2.0</a> ●<br />
<a href="http://www.mathworks.com/" target="_blank">Mathworks</a> ● <br />
<a href="http://www.idt.com/" target="_blank">IDT </a> ●<br />
<a href="http://www.geneious.com/" target="_blank">Geneious </a><br><br />
<a href="http://www.planetary.brown.edu/RI_Space_Grant/" target="_blank">Rhode Island Space Grant </a> ● <br />
<a href="http://www.gasgc.org/" target="_blank">Georgia Space Grant </a><br><br />
<a href="http://www.nasa.gov/centers/ames/cct/office/cif/2014/index.html#.U9wAQPldVKI" target="_blank">NASA Ames Directors’ Investment Fund </a><br><br />
<a href="http://www.brown.edu/about/administration/president/" target="_blank">Brown University Office of the President </a><br><br />
<a href="http://www.brown.edu/academics/college/fellowships/utra/" target="_blank">Brown University UTRA </a> ● <br />
<a href="http://bioengineering.stanford.edu/education/REU.html" target="_blank">Stanford University REU</a><br> <br />
<a href="http://www.nasa.gov/centers/ames/cct/index.html#.VDzeHeeEjhM" target="_blank">NASA Ames Office of the Center Chief Technologist </a> </center> <br />
</h6><br />
<br />
</div><br />
</div><br />
<!-- ====== Cell Spacer 5 ====== --><br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells6"><br />
</div><br />
</div><br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="pdfs/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Attributions
Team:StanfordBrownSpelman/Attributions
2014-10-17T00:50:03Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014 — BioBricks</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<!-- ====== Standard Navigation Bar ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/c/c5/SBSiGEM2014_Achievements_Icon.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h3><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Attributions">Attributions</a></h3><br />
<br><br />
<h6><br />
We would like to thank everyone who contributed to the realization of our project! All that we've done would not be possible with the contributions made by those listed below. On this page, we've listed contributors by project. We've also added sections for our sponsors and for those who made contributions to our team outside of specific projects. Thank you again, everyone, for all you've done!<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ======<br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells5"><br />
</div><br />
</div><br />
--><br />
<br />
<!-- ====== Category 1 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Cellulose Acetate and Biomaterial Production</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://www.bchs.uh.edu/people/detail/?155622-961-5=tcooper" target="_blank">Tim Cooper at University of Houston for <i>Pseudomonas fluorescens</i>.</a></div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://www.spelman.edu/academics/faculty/jean-marie-dimandja" target="_blank">Jean-Marie Dimandja at Spelman College for discussions of 2D GC Analysis.</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 2 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Amberless Hell Cell</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Experimentally validate at least one biobrick part—we validated the <a href="http://parts.igem.org/Part:BBa_K1499200" target="_blank">radiation resistance of uvsE.</a></div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Document the characterization of the biobrick on the parts registry page and submit part to registry. Both completed for <a href="http://parts.igem.org/Part:BBa_K1499200" target="_blank">radiation resistance gene uvsE.</a></div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Articulate questions about the project and answer them. Visit our <a href="https://2014.igem.org/Team:StanfordBrownSpelman/Human_Practices" target="_blank">Human Practices page to see some of the questions and answers about biological drone use that we generated.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 3 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Wasp Proteins &amp; Material Waterproofing</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://research.calacademy.org/ent/staff/dkavanaugh" target="_blank">Dave Kavanaugh at Cal Academy of Sciences for helping us trap wasps.</a></div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://ib.berkeley.edu/people/directory/detail/6000/" target="_blank">Michael Sheehan at UC Berkeley for helping us identify wasp species.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 4 ====== --><br />
<br />
<div class="row, plainlinks"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Biodegradability</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://web.mit.edu/voigtlab/">Christopher Voigt at MIT for providing plasmids necessary for making our biodegradation constructs.</a></div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="https://www.linkedin.com/pub/timothy-brown/36/ab4/441" target="_blank">Timothy Brown from Thermo Fisher Scientific for teaching us how to use the flow-cytometer </a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 5 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Cellulose Cross-Linker</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Improve the function or characterization of an existing biobrick part or device.</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 6 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Modeling</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Improve the function or characterization of an existing biobrick part or device.</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Help any registered iGEM team by: characterizing a part, debugging a construct, modeling their system.</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Describe an approach to address policy and practices, evaluate your approach, mention how it affects us. We've been working with the EPA to write regulations for synthetic biology in the air. Our project addresses policy and outlines best use practices for biological UAVs and environmental safety concerns with respect to synthetic biology that affect the application of synthetic biology across the country. Read more about our collaboration with the EPA to address the release of synthetic organisms into the environment and our evaluation of our own approach on our <a href="https://2014.igem.org/Team:StanfordBrownSpelman/Human_Practices" target="_blank">Human Practices page.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 6 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Policy and Human Practices</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://geo.arc.nasa.gov/sg/cv/esddir3cv-Brass.html">Jim Brass</a>, Kevin Reynolds, and Bob Dahlgren for consulting with us about building, flying, and using UAVs.</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Help any registered iGEM team by: characterizing a part, debugging a construct, modeling their system.</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Describe an approach to address policy and practices, evaluate your approach, mention how it affects us. We've been working with the EPA to write regulations for synthetic biology in the air. Our project addresses policy and outlines best use practices for biological UAVs and environmental safety concerns with respect to synthetic biology that affect the application of synthetic biology across the country. Read more about our collaboration with the EPA to address the release of synthetic organisms into the environment and our evaluation of our own approach on our <a href="https://2014.igem.org/Team:StanfordBrownSpelman/Human_Practices" target="_blank">Human Practices page.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 6 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Outreach</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a style="text-decoration: none" href="http://www.dna20.com/" target="_blank">DNA 2.0 for their advice, sponsorship, and facility tour.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 7 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Building the Drone</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://www.ecovativedesign.com" target="_blank">Ecovative for the production of our mycelium drone components.</a></div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://agic.cc" target="_blank">AgiC for providing us with silver ink pens for producing drawn circuits and for printing circuits on our cellulose-based biomaterials.</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Starch bioplastic samples produced by Eli Block and Jotthe Kappannan with contributions from other team members. Biomaterial molds design by Eli Block. Extensive cellulose material experimentation by Poorwa Godbole.</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Preliminary UAV concept and mycelium UAV drone part designs by Eli Block.</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 8 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Art &amp; Design</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Wiki design by Eli Block, Aryo Sorayya, and Jotthe Kappannan. Built using the Zurb Foundation framework and brought to you by iGEM and MediaWiki.</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Team poster, banner, and wiki assets designed and produced by Eli Block. Material product photography by Eli Block.</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Team presentation and peace sign drone logo designed by Jeannette Gonzalez-Wright.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Sponsor List ====== --><br />
<br />
<div class="row"> <br />
<div id="thanks" class="small-9 small-centered columns"><br />
<h4><center>Special Thanks to Our Sponsors</center></h4><br />
<h6 style="text-decoration: none"><center> <br />
<a style="text-decoration: none" href="http://www.dna20.com/" target="_blank">DNA 2.0</a> ●<br />
<a href="http://www.mathworks.com/" target="_blank">Mathworks</a> ● <br />
<a href="http://www.idt.com/" target="_blank">IDT </a> ●<br />
<a href="http://www.geneious.com/" target="_blank">Geneious </a><br><br />
<a href="http://www.planetary.brown.edu/RI_Space_Grant/" target="_blank">Rhode Island Space Grant </a> ● <br />
<a href="http://www.gasgc.org/" target="_blank">Georgia Space Grant </a><br><br />
<a href="http://www.nasa.gov/centers/ames/cct/office/cif/2014/index.html#.U9wAQPldVKI" target="_blank">NASA Ames Directors’ Investment Fund </a><br><br />
<a href="http://www.brown.edu/about/administration/president/" target="_blank">Brown University Office of the President </a><br><br />
<a href="http://www.brown.edu/academics/college/fellowships/utra/" target="_blank">Brown University UTRA </a> ● <br />
<a href="http://bioengineering.stanford.edu/education/REU.html" target="_blank">Stanford University REU</a><br> <br />
<a href="http://www.nasa.gov/centers/ames/cct/index.html#.VDzeHeeEjhM" target="_blank">NASA Ames Office of the Center Chief Technologist </a> </center> <br />
</h6><br />
<br />
</div><br />
</div><br />
<!-- ====== Cell Spacer 5 ====== --><br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells6"><br />
</div><br />
</div><br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="pdfs/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Attributions
Team:StanfordBrownSpelman/Attributions
2014-10-17T00:48:51Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014 — BioBricks</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<!-- ====== Standard Navigation Bar ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/c/c5/SBSiGEM2014_Achievements_Icon.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h3><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Attributions">Attributions</a></h3><br />
<br><br />
<h6><br />
We would like to thank everyone who contributed to the realization of our project! All that we've done would not be possible with the contributions made by those listed below. On this page, we've listed contributors by project. We've also added sections for our sponsors and for those who made contributions to our team outside of specific projects. Thank you again, everyone, for all you've done!<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ======<br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells5"><br />
</div><br />
</div><br />
--><br />
<br />
<!-- ====== Category 1 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Cellulose Acetate and Biomaterial Production</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://www.bchs.uh.edu/people/detail/?155622-961-5=tcooper" target="_blank">Tim Cooper at University of Houston for <i>Pseudomonas fluorescens</i>.</a></div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://www.spelman.edu/academics/faculty/jean-marie-dimandja" target="_blank">Jean-Marie Dimandja at Spelman College for discussions of 2D GC Analysis.</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 2 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Amberless Hell Cell</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Experimentally validate at least one biobrick part—we validated the <a href="http://parts.igem.org/Part:BBa_K1499200" target="_blank">radiation resistance of uvsE.</a></div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Document the characterization of the biobrick on the parts registry page and submit part to registry. Both completed for <a href="http://parts.igem.org/Part:BBa_K1499200" target="_blank">radiation resistance gene uvsE.</a></div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Articulate questions about the project and answer them. Visit our <a href="https://2014.igem.org/Team:StanfordBrownSpelman/Human_Practices" target="_blank">Human Practices page to see some of the questions and answers about biological drone use that we generated.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 3 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Wasp Proteins &amp; Material Waterproofing</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://research.calacademy.org/ent/staff/dkavanaugh" target="_blank">Dave Kavanaugh at Cal Academy of Sciences for helping us trap wasps.</a></div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://ib.berkeley.edu/people/directory/detail/6000/" target="_blank">Michael Sheehan at UC Berkeley for helping us identify wasp species.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 4 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Biodegradability</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://web.mit.edu/voigtlab/">Christopher Voigt at MIT for providing plasmids necessary for making our biodegradation constructs.</a></div><br />
<div class="sub"> <a href="https://www.linkedin.com/pub/timothy-brown/36/ab4/441" target="_blank">Timothy Brown from Thermo Fisher Scientific for teaching us how to use the flow-cytometer </a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 5 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Cellulose Cross-Linker</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Improve the function or characterization of an existing biobrick part or device.</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 6 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Modeling</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Improve the function or characterization of an existing biobrick part or device.</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Help any registered iGEM team by: characterizing a part, debugging a construct, modeling their system.</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Describe an approach to address policy and practices, evaluate your approach, mention how it affects us. We've been working with the EPA to write regulations for synthetic biology in the air. Our project addresses policy and outlines best use practices for biological UAVs and environmental safety concerns with respect to synthetic biology that affect the application of synthetic biology across the country. Read more about our collaboration with the EPA to address the release of synthetic organisms into the environment and our evaluation of our own approach on our <a href="https://2014.igem.org/Team:StanfordBrownSpelman/Human_Practices" target="_blank">Human Practices page.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 6 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Policy and Human Practices</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://geo.arc.nasa.gov/sg/cv/esddir3cv-Brass.html">Jim Brass</a>, Kevin Reynolds, and Bob Dahlgren for consulting with us about building, flying, and using UAVs.</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Help any registered iGEM team by: characterizing a part, debugging a construct, modeling their system.</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Describe an approach to address policy and practices, evaluate your approach, mention how it affects us. We've been working with the EPA to write regulations for synthetic biology in the air. Our project addresses policy and outlines best use practices for biological UAVs and environmental safety concerns with respect to synthetic biology that affect the application of synthetic biology across the country. Read more about our collaboration with the EPA to address the release of synthetic organisms into the environment and our evaluation of our own approach on our <a href="https://2014.igem.org/Team:StanfordBrownSpelman/Human_Practices" target="_blank">Human Practices page.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 6 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Outreach</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a style="text-decoration: none" href="http://www.dna20.com/" target="_blank">DNA 2.0 for their advice, sponsorship, and facility tour.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 7 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Building the Drone</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://www.ecovativedesign.com" target="_blank">Ecovative for the production of our mycelium drone components.</a></div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png"><a href="http://agic.cc" target="_blank">AgiC for providing us with silver ink pens for producing drawn circuits and for printing circuits on our cellulose-based biomaterials.</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Starch bioplastic samples produced by Eli Block and Jotthe Kappannan with contributions from other team members. Biomaterial molds design by Eli Block. Extensive cellulose material experimentation by Poorwa Godbole.</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Preliminary UAV concept and mycelium UAV drone part designs by Eli Block.</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Category 8 ====== --><br />
<br />
<div class="row"><br />
<div id="bioBrick" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Judging/Awards" target="_blank">Art &amp; Design</a></h5><br />
<h6><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Wiki design by Eli Block, Aryo Sorayya, and Jotthe Kappannan. Built using the Zurb Foundation framework and brought to you by iGEM and MediaWiki.</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Team poster, banner, and wiki assets designed and produced by Eli Block. Material product photography by Eli Block.</div><br />
<div class="sub"><img src="https://static.igem.org/mediawiki/2014/3/3d/SBSiGEM2014_Check_Icon.png">Team presentation and peace sign drone logo designed by Jeannette Gonzalez-Wright.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Sponsor List ====== --><br />
<br />
<div class="row"> <br />
<div id="thanks" class="small-9 small-centered columns"><br />
<h4><center>Special Thanks to Our Sponsors</center></h4><br />
<h6 style="text-decoration: none"><center> <br />
<a style="text-decoration: none" href="http://www.dna20.com/" target="_blank">DNA 2.0</a> ●<br />
<a href="http://www.mathworks.com/" target="_blank">Mathworks</a> ● <br />
<a href="http://www.idt.com/" target="_blank">IDT </a> ●<br />
<a href="http://www.geneious.com/" target="_blank">Geneious </a><br><br />
<a href="http://www.planetary.brown.edu/RI_Space_Grant/" target="_blank">Rhode Island Space Grant </a> ● <br />
<a href="http://www.gasgc.org/" target="_blank">Georgia Space Grant </a><br><br />
<a href="http://www.nasa.gov/centers/ames/cct/office/cif/2014/index.html#.U9wAQPldVKI" target="_blank">NASA Ames Directors’ Investment Fund </a><br><br />
<a href="http://www.brown.edu/about/administration/president/" target="_blank">Brown University Office of the President </a><br><br />
<a href="http://www.brown.edu/academics/college/fellowships/utra/" target="_blank">Brown University UTRA </a> ● <br />
<a href="http://bioengineering.stanford.edu/education/REU.html" target="_blank">Stanford University REU</a><br> <br />
<a href="http://www.nasa.gov/centers/ames/cct/index.html#.VDzeHeeEjhM" target="_blank">NASA Ames Office of the Center Chief Technologist </a> </center> <br />
</h6><br />
<br />
</div><br />
</div><br />
<!-- ====== Cell Spacer 5 ====== --><br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells6"><br />
</div><br />
</div><br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="pdfs/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Safety
Team:StanfordBrownSpelman/Safety
2014-10-17T00:29:14Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014 — BioBricks</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<!-- ====== Standard Navigation Bar ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/c/c4/SBS_iGEM_2014_bioBricks.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h3><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Safety">Safety</a></h3><br />
<div class="boxedmenu"><br />
<h7><center><a href="#" id="methods">Live Wasps</a> ● <a href="#" id="pics">Wasp Trapping</a> ● <a href="#" id="chassis">Amberless Chassis</a> ●<br> <a href="#" id="links">Safety Form</a> ● <a href="#" id="pics">Our Lab</a></h7><br />
</div><br />
<h5 id="int"><center>Summary</h5><br />
<h6> The Rothschild lab hosts student interns at NASA Ames Research Center. As such, we must complete online training courses in chemical hygiene, hearing conservation, HAZCOM 2012, hazardous waste/environmental safety, and personal protective equipment, as well as an instructor-led lab safety practical. <br></br><br />
<br />
The most important factor in good laboratory practice is personal safety. To that end, we adhered to the use of nitrile gloves for all lab work, as well as safety goggles for any work with irritants, toxic compounds, or liquid nitrogen. In addition, we divided our workspace into separate areas for computer work, bench work (for daily lab procedures), and work in the fume hood (for work with corrosives and organic solvents).</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="process" class="small-3 small-centered columns cells6"><br />
</div><br />
</div><br />
<br />
<!-- ====== Methods ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Working with Live Wasps</center></h5><br />
<h6> The public often responded with surprise and occasional gasps whenever we mentioned that we caught our own wasps for our waterproofing project. Wasps have frightening reputations, mostly because they defend themselves with venomous stings – but just like bacteria, some wasps are safer than others. We were fortunate enough to work with the European paper wasp (<i>Polistes dominula</i>), which is a relatively non-aggressive species of paper wasp. We also caught our wasps under the guidance of Dr. Dave Kavanaugh, chairman and curator of entomology at the California Academy of Sciences. <br></br><br />
<br />
Dr. Kavanaugh's tutelage got us through our wasp wranglin' escapade injury-free and with minimal stress to the wasps. He provided us with butterfly nets, with which it was an easy feat to catch the wasps in mid-air, as they fly rather slowly when near their nests. The wasps are not aggressive unless their nest is disturbed or if they've been trapped in a net. While both of these situations did inevitably occur, we were safe to insert gloved hands into the nets to coax trapped wasps into empty 2mL tubes, as the wasps cannot sting through nitrile gloves. Once in the tubes, we placed the wasps in an insulated container with ice. This calmed them down to a lethargic state, at which point we could proceed with dissections and RNA extraction. </h6> <br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="images" class="small-3 small-centered columns cells2"><br />
</div><br />
</div><br />
<br />
<!-- ====== Photo Cascade ====== --><br />
<br />
<div class="row"><br />
<div class="small-9 small-centered columns"><br />
<div id="photo" class="small-6 columns"><br />
<ul class="small-block-grid-3 no-bullet"><br />
<li><img src="https://static.igem.org/mediawiki/2014/e/eb/SBSiGEM2014_Wasps2.jpg"></li><h6>Kyla Ugwu examines a wasp she trapped during our specimen collection expedition at the beginning of summer 2014.</h6><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/8/8e/SBSiGEM2014_Wasps4.jpg"></li><h6>Our team of wasp trappers celebrates our success with California Academy of Sciences entomologist Dave Kavanaugh.</h6><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/7/71/SBSiGEM2014_Wasps11.jpg"></li><h6>A macroscopic image of a paper wasp we collected and stored in a tube of RNA Later for preservation.</h6><br />
</ul><br />
</div><br />
<div id="photo" class="small-6 columns end"><br />
<ul class="small-block-grid-1 no-bullet"><br />
<br><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/f/f6/SBSiGEM2014_Wasps5.jpg"></li><h6>Ben Doughty and Eli Block swing in attempts to catch flying paper wasps in Petaluma, California. Our team collected wasps inhabiting the eaves of an old barn. Paper wasps are surprisingly docile, and no one on our team was ever stung!</h6><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/2/27/SBSiGEM2014_Wasps1.jpg"></li><h6>Ben Doughty collecting a live paper wasp inside his bug net. When trapped, paper wasps only ever move upward and so fitting them into collection tubes from below is quite safe.</h6><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="amberlesschassis" class="small-3 small-centered columns cells6"><br />
</div><br />
</div><br />
<br />
<!-- ====== Methods ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<br />
<h5><center>The Amberless Chassis</center></h5><br />
<h6>In addition to safe laboratory practices, we also examined environmental safety concerns. An end goal of our project would be the flight of our biological drone in nature, and if such a system contained live cells, we would run the risk of the horizontal transfer of our engineered genes to wild organisms, which would be unpredictable and potentially harmful to the ecosystem. To combat this, we are looking at the use of an “amberless” system in which the tRNA of our model organism is modified such that the UAG stop codon – called “amber” – codes instead for leucine. This way, if these genes are transferred to wild-type organisms, they will interpret the UAGs as a stop, and the resulting polypeptide would be truncated and non-functional.<br></br><br />
<br />
We have discussed this system with Mark Segal at the Environmental Protection Agency, and we are beginning to examine the possibility of regulating the environmental testing of genetically-engineered organisms using an amberless chassis to prevent gene transfer. Stay tuned! </h6> <br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 3 ====== --><br />
<br />
<div class="row"><br />
<div id="references" class="small-3 small-centered columns cells7"><br />
</div><br />
</div><br />
<br />
<!-- ====== Photo Cascade ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<br />
<h5><center>Safety Form</h5><br />
<h6><br />
<center>Our lab safety form can be found <a href = "https://igem.org/Safety/Safety_Form?team_id=1499"> <u>here</u> </a>.</center></div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 3 ====== --><br />
<br />
<div class="row"><br />
<div id="images" class="small-3 small-centered columns cells4"><br />
</div><br />
</div><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Our Lab</h5><br />
<h6><br />
</p>Our lab is unique in that it is located in building 239, the Astrobiology and Life Sciences Research Laboratory, at NASA Ames Research Center. The surface of the building is pockmarked to look like the surface of the moon.<br />
<br />
</p>Besides being the home for the Stanford-Brown-Spelman iGEM team, The Astrobiology and Life Sciences Research Laboratories contain the Human Environmental Test Facility and the Advanced Studies Laboratories (ASL), used for research in biomedicine, astrobiology, ecosystem science, Closed Ecological Life-Support Systems (CELSS), Environmental Controls and Life Support Systems (ECLSS), nanotechnology, and Synthetic Biology. The Astrobiology facilities include basic and applied research laboratories in astrochemistry, the cosmic evolution of biogenic elements and molecules, planetary pre-biotic chemistry, geology, the early organization and evolution of life, the evolution of complex organisms, and ecological studies. Some laboratory facilities include instrument development capabilities and analytical equipment for the characterization of gas and aqueous chemistry, instruments for the detection of various biomarkers including sugars and organics, microbiology facilities, including the culture of microbial mat communities and planetary protection testing, electron and RAMAN microscopy facilities, molecular biology capabilities, and bioinformatics computational capabilities. Laboratories in this facility are operated by NASA personnel and the University of California. <br />
</p><br />
Image:Example2_Lab_1.png|The building our lab is in!<br />
Image:Example2_Lab_2.png|The inside of our lab!<br />
Image:Example2_Lab_3.png|Team Member 3 doing an experiment<br />
Image:Example2_Lab_4.png|Working in biosafety cabinets<br />
Image:Example2_Lab_5.png|Team all gloved up and ready for work!<br />
Image:Example2_Lab_6.png|Equipment that we use to do SCIENCE!<br />
Image:Example2_Lab_7.png|We decorated this part of our lab<br />
Image:Example2_Lab_8.png|Whatever else you want <br />
</h6></div> <br />
<div class="small-10 small-centered columns"><br />
<div id="photo" class="small-6 columns"><br />
<ul class="small-block-grid-3 no-bullet"><br />
<li><img src="https://static.igem.org/mediawiki/2014/6/6e/SBS_iGEM_2014_photo_placeholder.png"></li><h6>Picture 1.</h6><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/6/6e/SBS_iGEM_2014_photo_placeholder.png"></li><h6>Image description goes here.</h6><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/6/6e/SBS_iGEM_2014_photo_placeholder.png"></li><h6>Image description goes here.</h6><br />
</ul><br />
</div><br />
<div id="photo" class="small-6 columns end"><br />
<ul class="small-block-grid-1 no-bullet"><br />
<br><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/6/6e/SBS_iGEM_2014_photo_placeholder.png"></li><h6>Image description goes here.</h6><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/6/6e/SBS_iGEM_2014_photo_placeholder.png"></li><h6>Image description goes here.</h6><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/6/6e/SBS_iGEM_2014_photo_placeholder.png"></li><h6>Image description goes here.</h6><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Cell Spacer 6 ====== --><br />
<br />
<div class="row"><br />
<div id="precontact" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="https://static.igem.org/mediawiki/2014/8/86/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<br />
<br />
<br><br />
<br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Building_The_Drone
Team:StanfordBrownSpelman/Building The Drone
2014-10-17T00:26:58Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014 — Amberless Hell Cell</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<!-- ====== Standard Navigation Bar ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/d/dd/SBS_iGEM_2014_drone_icon.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h3><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Building_The_Drone">Prototyping a Biological UAV</a></h3><br />
<div class="boxedmenu"><h7><center><a href="#" id="intro">Intro</a> ● <a href="#" id="data">Materials &amp; Designs</a> ● <a href="#" id="methods">Parts &amp; Downloads</a> ● <a href="#" id="links">References</a></h7></div><br />
<h6 id="int"><br />
Our team modeled, prototyped, and collaborated with <a href="http://www.ecovativedesign.com">Ecovative Design</a> to grow a mycelium-based chassis for our biological drone. Below you'll find process photos, part designs, and links to open source model files for downloading and additively manufacturing your own biological or bio-inspired unmanned aerial vehicle. Finally, you can see images of the biological, biodegradable UAV that we built and flew!<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="images" class="small-3 small-centered columns cells2"><br />
</div><br />
</div><br />
<br />
<!-- ====== Photo Cascade ====== --><br />
<br />
<div class="row"><br />
<div class="small-9 small-centered columns"><br />
<div id="photo" class="small-6 columns"><br />
<ul class="small-block-grid-3 no-bullet"><br />
<li><img src="https://static.igem.org/mediawiki/2014/f/ff/SBSiGEM2014BTD1.jpg"></li><h6>Harvesting a pure bacterial cellulose sheet.</h6><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/6/66/SBSiGEM2014BTD2.JPG"></li><h6>Experimenting with cellulose material shape.</h6><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/e/e6/SBSiGEM2014BTD4.JPG"></li><h6>Layering cellulose to create thicker leather, see here at the back of the hood.</h6><br />
<li><img src="https://static.igem.org/mediawiki/2014/d/d3/SBSiGEM2014BTD5.jpg"></li><h6>Mycelium drone chassis, modeled and 3D-designed by our team, produced by Ecovative.</h6><br />
</ul><br />
</div><br />
<div id="photo" class="small-6 columns end"><br />
<ul class="small-block-grid-1 no-bullet"><br />
<br><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/c/c5/SBSiGEM2014BTD3.jpg"></li><h6>Variable thickness elements and experimental fragment attachment methods.</h6><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/c/c5/SBSiGEM2014BTD8.JPG"></li><h6>Spreading a cellulose sheet out to dry.</h6><br><br />
<li><img src="https://static.igem.org/mediawiki/2014/5/57/SBSiGEM2014_Cellulose_Circuit.jpg"></li><h6>Our team collaborated with <a href="http://agic.cc" target="_blank">AgiC</a> to print circuits onto our cellulose-based biomaterials in order to prototype how fully biodegradable circuitry might function on a biological UAV. See our <a href="https://2014.igem.org/Team:StanfordBrownSpelman/Cellulose_Acetate">Biomaterials</a> page for details on the conductivity of this circuitry.</h6><br />
</ul><br />
</div><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 2 ====== --><br />
<br />
<div class="row"><br />
<div id="results" class="small-3 small-centered columns cells8"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Results ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Starting Small, Ending Big</h5><br />
<h6><br />
We began by experimenting with producing cellulose in sheets and cellulose acetate non-biologically. Seeing that primarily cellulose materials are extremely strong and tough, but tear easily and becomes soggy when wet, we sought to increase the durability of the cellulose by grinding it into pieces to create a cellulose paste (that became spreadable into sheets like paper made from wood pulp) and stretching and twisting it into ropes to add strength. A few of our material samples follow: </h6><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src="https://static.igem.org/mediawiki/2014/3/38/SBSiGEM2014_Cellulose_Screw.jpg"><br><br />
<h6><center>A spiral rope made by weaving together several cellulose sheets and dehydrating them.</center></h6><br />
</div><br />
<div class="small-7 small-centered columns"><br><center><img src="https://static.igem.org/mediawiki/2014/d/d2/SBSiGEM2014_Cellulose_Leather.jpg"><br><br />
<h6><center>A piece of cellulose leather generated by laying multiple sheets of cellulose together in perpendicular orientations.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><h6><br />
While experimenting with cellulose-based materials, we also explored traditional starch bioplastics to compare material functionality. Here is an example of a starch bioplastic that we produced synthetically in the lab:</h6><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src="https://static.igem.org/mediawiki/2014/e/e4/SBSiGEM2014_Mycelium_Sample.jpg"><br><br />
<h6><center>Common starch bioplastic, which is more voluminous but less strong than bacterial cellulose. Starch bioplastics, like bacterial cellulose materials, suffer disintegration when wet.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><h6><br />
Realizing that cellulose acetate is tough but thin, our team was in need of a building material that was durable and lightweight. So, we reached out to Ecovative Design, a pioneering fungal-mycelium-based biomaterial company, to prototype a mycelium form that could serve as the chassis of our vehicle. Ecovative shipped us mycelium samples (pictured below), that we skinned in bacterial cellulose.</h6><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src="https://static.igem.org/mediawiki/2014/5/57/SBSiGEM2014_Mycelium_Sample2.jpg"><br><br />
<h6><center>6" by 6" by 1" sample of Ecovative's lightweight mycelium-based biomaterial.</center></h6><br />
</div><br />
<div class="row"><br />
<div class="small-7 small-centered columns"><br><center><img src="https://static.igem.org/mediawiki/2014/1/1b/SBSiGEM2014_Skinned_Mycelium.jpg"><br><br />
<h6><center>A piece of fungal mycelium skinned in bacterial cellulose.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><h6><br />
Thanks to Ecovative, we were able to construct a prototype biological unmanned aerial vehicle!<br><br>But we didn't stop there. Our team was enthusiastic about drone design and so we developed concept UAV designs meant to inspire future scientists and designers to think outside the box about how a future, partially living vehicle might look. Pseudo-natural and pseudo-industrial, our drone design references the traditional biological architecture of birds while embracing industrial additive manufacturability.<br><br>All 3D printable files for this concept drone are available in the downloads section. Images of our work follow:</h6><br />
</div></div><br />
<br />
<div class="small-7 small-centered columns"><br><center><img src="https://static.igem.org/mediawiki/2014/0/0e/Eli_Block_UAV_Design.jpg"><br><br />
<h6><center>Concept UAV Design</center></h6><br />
</div><br />
<div class="small-7 small-centered columns"><br><center><img src="https://static.igem.org/mediawiki/2014/e/e0/SBSiGEM2014_Exploded_Drone.png"><br><br />
<h6><center>Biological UAV Concept, Exploded View</center></h6><br />
</div><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h6></h6><br />
</div><br />
<br />
<!-- ====== Cell Spacer 3 ====== --><br />
<br />
<div class="row"><br />
<div id="process" class="small-3 small-centered columns cells4"><br />
</div><br />
</div><br />
<br />
<!-- ====== Downloads ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Designed Parts &amp; Downloads</h5><br />
<h6><br />
We succeeded in producing multiple viable chassis designs for mycelium UAV concept prototypes. You can download our basic chassis designs here. If you would like to receive a copy of the designs for our more involved, final UAV concept (pictured above), then please reach out to us! We would love to share our work! In the meantime, download and check out our other models below:<br />
<div class="sub4"><a href="https://static.igem.org/mediawiki/2014/6/66/Mycelium_Drone_1.SLDPRT.zip"><img src="https://static.igem.org/mediawiki/2014/2/25/SBS_iGEM_2014_download.png"></a><a href="https://static.igem.org/mediawiki/2014/6/66/Mycelium_Drone_1.SLDPRT.zip">Mycelium_Drone_1.SLDPRT: Download a 3D printable STL file for a secondary drone chassis mold concept. Modeled in house and ready for printing, molding, and biomaterial casting.</a></div><br />
<div class="sub4"><a href="https://static.igem.org/mediawiki/2014/c/cd/Mycelium_Drone_2.SLDPRT.zip"><img src="https://static.igem.org/mediawiki/2014/2/25/SBS_iGEM_2014_download.png"></a><a href="https://static.igem.org/mediawiki/2014/c/cd/Mycelium_Drone_2.SLDPRT.zip">Mycelium_Drone_2.SLDPRT: Download a 3D printable STL file for a third drone chassis. Shaped like a paper airplane, this mold can be used to make testable mycelium drone prototypes.</a></div><br />
<div class="sub4"><a href="https://static.igem.org/mediawiki/2014/0/02/Mycelium_Quad_1.SLDPRT.zip"><img src="https://static.igem.org/mediawiki/2014/2/25/SBS_iGEM_2014_download.png"></a><a href="https://static.igem.org/mediawiki/2014/0/02/Mycelium_Quad_1.SLDPRT.zip">Mycelium_Quad_1.SLDPRT: Download a 3D printable STL file for our mycelium quad chassic (pictured at top of page), which can accept four motors and serve as the foundation for a DIY biomaterial drone prototype.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 4 ====== --><br />
<br />
<div class="row"><br />
<div id="references" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Links & References ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Links & References</h5><br />
<h6><br />
Interested in what we've been working on and want to find more relevant information? Check out some of the following sites, companies, and people who either aided us in our production of biomaterials or collaborated with us in working to produce a viable biological unmanned aerial vehicle.<br />
<div class="sub5"><a href="http://www.ecovativedesign.com">● Ecovative — Fungal-mycelium-based biomaterial production company</a></div><br />
<div class="sub5"><a href="http://issuu.com/miriamribul/docs/miriam_ribul_recipes_for_material_a">● Miriam Ribul's <i>Recipes for Material Activism</i> documents bioplastic production with household ingredients</a></div><br />
<div class="sub5"><a href="http://cookingobjects.com/images">● Cooking Objects — Understanding objects, objectivity, and our relationship with sustainably produced, biodegradable household objects</a></div><br />
<div class="sub5"><a href="http://www.nasa.gov/centers/ames/spaceshop/about/index.html#.VD8Hq4f9pbw">● The NASA Space shop, providing resources and tools for rapid prototyping at the NASA Ames Research Center</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 5 ====== --><br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells5"><br />
</div><br />
</div><br />
<br />
<!-- ====== Additional Information ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Drone Futures</h5><br />
<h6><br />
Here is a collection of speculative work that stimulated our team to think about synthetic biology, the future, and the role of personal unmanned aerial vehicles or biological devices in an evolving world of DIY craft, government surveillance, and channelled creativity.<br />
<div class="sub5"><a href="http://www.fabrica.it/projects/drone">● Frabrica — <i>Drone</i>, speculative fictions in the age of the drone</a></div><br />
<div class="sub5"><a href="http://www.dronesurvivalguide.org">● Drone Survival Guide — a poster series highlighting the uneasy relationship between the public and drones</a></div><br />
<div class="sub5"><a href="http://www.huffingtonpost.com/2013/04/03/anti-drone-hoodie-adam-harvey-surveillance_n_3007064.html#slide=2295806">● Anti-Drone hoodie</a></div><br />
<div class="sub5"><a href="http://diydrones.com">● DIY Drones — a growing online community of makers committed to building unmanned aircraft</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 6 ====== --><br />
<br />
<div class="row"><br />
<div id="precontact" class="small-3 small-centered columns cells6"><br />
</div><br />
</div><br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="https://static.igem.org/mediawiki/2014/8/86/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Human_Practices
Team:StanfordBrownSpelman/Human Practices
2014-10-17T00:26:39Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014 — Human Practices</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<!-- ====== Standard Navigation Bar ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/3/3a/SBS_iGEM_2014_Human_Practices.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h3><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Human_Practices">Uses of UAVs &amp; Orthogonal <br> Systems in Nature</a></h3><br />
<div class="boxedmenu"><h7><center><a href="#" id="intro">Intro</a> ● <a href="#results" id="pics">EPA Partnership</a> ● <a href="#" id="methods">Our Approach</a> ● <a href="#" id="data">Interviews</a> ● <a href="#" id="project">Survey</a></div> <br />
<br />
<h6><center><iframe width="420" height="315" src="//www.youtube.com/embed/JL71MWVQbkA" frameborder="0" allowfullscreen></iframe></center><br><br />
<br />
<h6 id="int"><br />
Unmanned Aerial Vehicles (UAVs) (also known as Unmanned Aircraft Systems (UAS) in Europe) have a long history of usage. According to DraganFly Innovations Inc., early UAVs took the form of balloons and they were primarily used for military purposes for monitoring and eliminating enemies in the battlefield. However, in the recent years, UAVs have been increasingly used by civilians to accomplish various scientific and humanitarian missions. Due to their promising ability to accomplish tasks that otherwise could have been tedious, unreachable or even dangerous to civilians, our team has considered the idea of improving the current models of UAVs in order to make them more biodegradable, modular and even cheaper and hence increase their accessibility and practicability to the scientific and civilian societies. <br />
<br><br><br />
In the midst of our scientific design process and laboratory work that we have done, our team has taken into serious consideration the risks, ethics and stigma of using UAVs for civilian uses. Our aim in conducting this iGEM human practices project is to dive deep into the social economic impacts of using synthetic biology in general, and in addition to that, to consider how we can work around the stigma present in the society on the uses of UAVs. Part of this project was also to discuss the regulations and policies involved in the flying of civilian UAVs and assess the accessibility and practicability of the current civilian UAVs. In general, the main reason of doing this human practices project was to bring our laboratory work closer to humanity by assessing the impacts of our creation to the general society.<br />
<br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Cell Spacer 2 ====== --><br />
<br />
<div class="row" id="EPA"><br />
<div id="images" class="small-3 small-centered columns cells7"><br />
</div><br />
</div><br />
<br />
<!-- ====== h5><center>Regulations for an orthogonal system in nature, the Amberless Hell Cell</h5> ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Our Work with the EPA—<br>Synthetic Biology in the Air: Biological<br>UAVs and Environmental Safety Concerns</h5><br />
<h6><br />
<br />
<br />
We are currently working on a series of projects towards the construction of a fully biological unmanned aerial vehicle (UAV) for use in scientific and humanitarian missions. The prospect of a biologically-produced UAV presents numerous advantages over the current manufacturing paradigm. First, a foundational architecture built by cells allows for construction or repair in locations where it would be difficult to bring traditional tools of production. Second, a major limitation of current research with UAVs is the size and high power consumption of analytical instruments, which require bulky electrical components and large fuselages to support their weight. By moving these functions into cells with biosensing capabilities – for example, a series of cells engineered to report GFP, green fluorescent protein, when conditions exceed a certain threshold concentration of a compound of interest, enabling their detection post-flight – these problems of scale can be avoided.<br />
<br><br><br />
<br />
However, housing live cells on an aerial system presents a new set of problems, chief amongst which is the concern of horizontal gene transfer. Bacterial cells can perform conjugation, a process which allows for plasmids (small, circular strands of DNA) to be copied from one organism to another. In our case, we must take steps to protect the environment from our cells and avoid the possibility that our engineered genes proliferate throughout ecosystems. In addition, not dissimilar to the problem of mechanical UAVs getting lost or crashing and leaching toxins into the environment, we must address what might happen if our biological UAV were to crash and allow the cells on its biofilm to act as an invasive species.<br />
<br><br><br />
<br />
We are harnessing the power of genetic engineering to mitigate both of these scenarios. To address horizontal gene transfer, we are recoding the cells on our UAV to use the UAG stop codon, which usually signals the truncation of a protein during translation, as leucine, an amino acid, instead. When we engineer the genes we wish to transform into our cells (an “amberless” strain, as UAG stop is called “amber”), all instances of UAG will be replaced with different stop codons, and all leucine residues will be coded for by UAG. Thus, any engineered genes which are passed from an amberless cell to a normal cell in the environment will not be read correctly, as each leucine residue will be instead be interpreted as “stop” and will result in the production of a non-functional protein fragment. We hope that our amberless strain can be adopted as a model for any engineered organisms one might wish to send into the environment. Finally, to address the invasion of our cells into the environment, we are engineering a pressure-sensitive “kill switch.” Upon crash, the cells will activate quorum sensing (a method of intercellular communication), which will act as a signal to begin producing a set of proteins which can degrade the cellulose acetate base material. The UAV itself will degrade into glucose, which can be taken up by organisms in the crash environment, while the engineered cells will be killed by the free acetate, which, hopefully, will be in high enough concentration to harm the biofilm but not the crash environment.<br />
<br />
<div class="sub4"><a href="work/PUT-PDF-REFERENCE-HEREpdf"><img src="https://static.igem.org/mediawiki/2014/2/25/SBS_iGEM_2014_download.png"></a><a href="work/PUT-PDF-REFERENCE-HEREpdf">Click here to download an essay detailing S-B-S iGEM's collaboration with the United States Environmental Protection Agency.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 5 ====== --><br />
<br />
<div class="row" id="process"><br />
<div class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Methods ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Our Approach</h5><br />
<h6><br />
In order to fully understand the benefits, risks and ethics of using UAVs and to address the stigma surrounding their use, we first had to get first hand information from experts who work on, or use UAVs for their daily activities. To do this, we conducted short interviews (15 minutes long) with experts from various fields including Earth Sciences, Planetary Sciences, Synthetic Biology and Remote Sensing. The responses from these experts increased our knowledge on the current uses of UAVs, the capabilities of the current models, the regulations of handling UAVs and the future of this technology. We have used (and will continue to use) these responses as a tool to increase awareness to people of the good uses of UAVs.<br />
<br><br><br />
In addition to interviewing experts, we conducted a social survey that was aimed at getting the general public’s opinion on the uses of UAVs for civilian uses. This survey correlated people’s knowledge of UAVs and their opinions on UAVs and apart from helping us get a general sense of the public’s opinion, it has made us believe that, the more people know about the beneficial uses of UAVs, the more they will be willing to try, use or even add to this new technology.<br />
<br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Cell Spacer 4 ====== --><br />
<br />
<div class="row"><br />
<div id="results" class="small-3 small-centered columns cells"><br />
</div><br />
</div><br />
<br />
<!-- ====== If we get published ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Part A: Interviews</h5><br />
<h6><br />
We interviewed 5 experts: 4 from NASA Ames Research Center and 1 from Brown University. From NASA Ames, we had the honor to interview Dr. Lynn Rothschild (expert in synthetic biology and the supervisor of S-B-S iGEM team), Vince Ambrosia (Earth Scientist), Matthew Fladeland and Randy Berthold. From Brown University, we had a pleasure of interview Prof. Jim Head who is an expert on planetary sciences and Satellite missions. <br />
<br><br><br />
All of the interviewees were asked the same questions ranging from how they use UAVs in their specific jobs, their opinion on synthetic biology and the future of UAVs. The links of the videos have been posted on our wiki. Before giving the detailed responses of the interviews, we have compiled the answers of each question so as to get a list of uses of UAVS. <br />
<br><br></h6><br />
<br />
<h6><br />
<div class="sub4"><a href="https://static.igem.org/mediawiki/2014/9/9f/SBSiGEM2014_Human_Practices_of_UAVs.pdf"><img src="https://static.igem.org/mediawiki/2014/2/25/SBS_iGEM_2014_download.png"></a><a href="https://static.igem.org/mediawiki/2014/9/9f/SBSiGEM2014_Human_Practices_of_UAVs.pdf">Download our interview series with geology, synthetic biology, and engineering experts about their opinions of the uses of Unmanned Aerial Vehicles.</a></div><br />
<br />
</h6><br />
<br> <br />
<br />
<br />
<!-- ====== Links & References ====== --><br />
<h5><center>Individual Interview Links</h5><br />
<h6><br />
Prefer not to download? Here are links to each individual UAV-related interview that we conducted, viewable on our wiki:<br />
<div class="sub5"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Lynn_Interview" target="_blank">● Interview with Dr. Lynn Rothschild, NASA Synthetic Biologist</a></div><br />
<div class="sub5"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Vince_Interview" target="_blank">● Interview with Vince Ambrosia, NASA Earth Scientist</a></div><br />
<div class="sub5"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Randy_Interview" target="_blank">● Interview with Randy Berthold, NASA Earth Scientist</a></div><br />
<div class="sub5"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Matt_Interview" target="_blank">● Interview with Matt Fladeland, NASA Ames Scientist</a></div><br />
<div class="sub5"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Jim_Interview" target="_blank">● Interview with Jim Head, Brown U. Planetary Scientist</a></div><br />
</h6><br />
<br><br />
<h5><center>Summary of Answers to Interview Questions</h5><br />
<h6><br />
<br />
Below is a short summary of the major responses for 3 main questions: the uses of UAVs, the value of Synthetic Biology in general and in creating UAVs and how to address the stigma of using UAVs:<br />
<br><br><br />
1. Uses of UAVs <br></h6><br />
<h6 class="subindent"><br />
<br />
a. Looking for life elsewhere: <br />
UAVs are excellent tools for searching for life in areas where it might be too dangerous for humans to reach. Dr. Lynn Rothschild sees the potential in using UAVs for searching for new life forms on planet earth and other planets. She also sees the potential of linking synthetic biology in creating cheaper, safer-for-the environment and biodegradable UAVs<br />
<br></h6><br />
<h6 class="subindent"><br />
b. Disaster analysis and Wildfire Control:<br />
Would you send a human being in the middle of a natural disaster, or would you rather send a machine? Vince Ambrosia and Matthew Fladeland see the potential in using UAVs for wildfire control, natural disaster analysis and recording of real-time sensory data in order to have a better control of disaster management. <br />
<br></h6><br />
<h6 class="subindent"><br />
c. Working in harsh, unreachable areas:<br />
Dr. Randy Berthold sees potential in using UAVs in places that are hard to reach, and in places where noise/increase of sound might disturb the measurements. UAVs could reach areas with toxic gases and extreme temperatures.<br />
<br></h6><br />
<h6 class="subindent"><br />
d. Planetary Exploration:<br />
Prof. Jim Heads from Brown University finds a lot of potential in using UAVs for geological and planetary Exploration. UAVs will be an efficient way to record sensory data which cover a large area without worrying about transporting astronauts and the costs that go with that.<br />
<br></h6><br />
<h6 class="subindent"><br />
e. Coast Guard Exploration:<br />
Dr. Philip McGillivard, a science liaison from Coast Guard PACAREA who has been working on Autonomous Underwater Systems (AUS) finds a lot of potential in linking UAVs with AUS in exploring coasts. UAVs can be used to explore and identify features of interest such as an oceanographic front or an iceberg and later, UAVs can communicate this information to surface vehicles which will then send the information to Underwater Systems in order to study that specific ocean area. <br />
<br></h6> <br />
<h6><br />
2. Opinions on Synthetic biology<br />
All of our interviewees believed that synthetic biology presents great potentials and capabilities in technology, especially in creating cheaper and eco-friendly technology. Most admitted that the scientific society is yet to discover the full potential of using synthetic biology for their missions. The experts working on UAVs reported that one of the limitations of using UAVs in their jobs is the payload of the UAV. They believed that UAV technology could be largely improved if synthetic biology can create cheaper and lighter payloads with high efficient capabilities.<br />
<br><br></h6><br />
<h6><br />
3. How can we address the stigma surrounding UAVs?<br />
All the interviewees agreed that people have concerns on the uses of UAVs mainly due to their connection with military uses, and also due to fear of their personal safety. The interviewed experts said this stigma could be addressed effectively if people are informed on the beneficial uses of UAVs, and if they are informed of the policies and regulations present on the uses of UAVs. <br />
<br><br></h6><br />
<br />
</div><br />
<br />
<!-- ====== Cell Spacer 5 ====== --><br />
<br />
<div class="row" id="Projects"><br />
<div class="small-3 small-centered columns cells6"><br />
</div><br />
</div><br />
<br />
<!-- ====== Survey ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Part B: Social Survey</h5><br />
<h6><br />
The social survey was conducted primarily for the purpose of collecting general public’s opinion on the use of UAVs for civilian uses. The survey was posted in many different social networks such as tweeter and Facebook. Due to the nature of the survey and how it was advertised, we ended up having most of the respondents (over 90%) of age from 18-25 years. The total number of people who responded to the survey questions was 117.<br />
</h6> <br />
</div><br />
</div><br />
<div class="sub5"><br />
<center><img src=https://static.igem.org/mediawiki/2014/4/45/Question_1_graph.jpg></div><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h6>Q1: This chart above shows that over 90% of the respondents of this survey where of age 18-29. This shows a limitation of our survey in that it did not reach a wide range of public. However, the survey got opinions of young people who are the active creators and makers in our current world and their opinion is very important to the future of the scientific world.</h6><br></div><br />
<div class="sub5"><br />
<center><img src=https://static.igem.org/mediawiki/2014/f/f8/Question_2_graph.jpg></div><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h6>Q2: The aim of asking people this question was to get a sense of how educated people are and find out how their level of education connects to their general opinion on UAVs. As it is obvious from the graph, around 80% of the respondents were college students, and some had just recently graduated from college. It is interesting to know what college students think since they represent the youthful part of the society that is very creative and innovative and very influential to the society. </h6><br></div><br />
<div class="sub5"><br />
<center><img src=https://static.igem.org/mediawiki/2014/2/27/Question_3_graph.jpg></div><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h6>Q3: Around 70% of the total respondents reported to have first heard of UAVs through television and through local and national newspapers. 6.84% of the respondents did not know what drones were. Around 10% of respondents reported to have first heard of drones in other ways that the question did not specify and these responses included the Internet, family members, high school courses and through online articles. In general, the media has been the main source of information on UAVs and their uses. This response shows us that we can utilize the media, especially various types of social media to educate people on good uses of UAVs.</h6></div><br />
<div class="sub5"><br />
<center><img src=https://static.igem.org/mediawiki/2014/4/41/Question_4_graph.jpg></div><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h6>Q4: This question was probably one of the most interesting in the survey. Around 70% of the respondents reported that the first thing that comes to mind when they think of UAVs os UAVs for military uses. Even though most of the respondents were college students and they presumably have heard of other uses of UAVs, they still relate UAVs tp their military uses. However, around 10% of the respondents did appreciate that UAVs are a great technology that can be used constructively in other areas of life.</h6></div><br />
<div class="sub5"><br />
<center><img src=https://static.igem.org/mediawiki/2014/9/9a/Question_5_graph.jpg></div><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h6>Q5: Even though 70% of respondents related UAVs to military uses, around 45% thought that using drones for civilian uses is a good idea. Although this number is not too low, around half of the respondents (around 55%) either were not interested in the UAV technology or did not think it was a good idea to introduce drones as a tool to use for societal functions. Considering that around 90% of respondents were college students (which represent the educated part of the society), it seems that a large number of population still has negative views on UAVs. This indicated a window of opportunity for us to educate more and more people, starting with college students (who are potential creators and makers of our society) and reach other communities at large.</h6></div><br />
<div class="sub5"><br />
<center><img src=https://static.igem.org/mediawiki/2014/8/81/Question_6_graph-2.jpg></div><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h6>Q6: Interestingly, even though half of the respondents responded against the use of UAVs for civilian uses, 70% of the total respondents believed that UAVs could be beneficial to society. This could mean that people do believe in the technology of UAVs and its potential, but are afraid of its use in society. This fear could be due to uncertainty on the control of using UAVs and the fear about people's personal safety and privacy. However, if policies and regulations controlling the uses of UAVs were made transparent to the general public, more people would feel safer and more accepting towards the introduction of UAVs for civilian uses.</h6></div></div><br />
<!-- ====== Cell Spacer 6 ====== --><br />
<br />
<div class="row"><br />
<div id="precontact" class="small-3 small-centered columns cells8"><br />
</div><br />
</div><br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="https://static.igem.org/mediawiki/2014/8/86/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Cellulose_Acetate
Team:StanfordBrownSpelman/Cellulose Acetate
2014-10-17T00:26:16Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"> <br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014 — Cellulose Acetate</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<!-- ====== Standard Navigation Bar ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_Cellulose_Icon.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h3><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Cellulose_Acetate">Biomaterials</a></h3><br />
<div class="boxedmenu"><h7><center><a href="#" id="intro">Intro</a> ● <a href="#" id="methods">Methods</a> ● <a href="#" id="data">Results</a> ● <a href="#" id="moreinfo">Links</a> ● <a href="#" id="links">References</a> ● <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks#CA">BioBricks</a></h7></div><br />
<br />
<h6><center><iframe width="420" height="315" src="//www.youtube.com/embed/o6hQ5_nTMQc" frameborder="0" allowfullscreen></iframe></center><br> <br />
<br />
<h6 id="int"><br />
The body of the UAV is designed to consist a styrofoam-like filler consisting of fungal mycelia, coated with a cellulose acetate covering. The skin will be biologically waterproofed.<br />
<a href="https://2014.igem.org/Team:StanfordBrownSpelman/Material_Waterproofing" target="_blank">Material Waterproofing, </a><br />
<br />
Biosensors can be linked to the cellulose acetate skin (see <br />
<a href="https://2014.igem.org/Team:StanfordBrownSpelman/Amberless_Hell_Cell" target="_blank">Amberless Hell Cell), </a><br />
through a biological cross-linker<br />
(see<br />
<a href="https://2014.igem.org/Team:StanfordBrownSpelman/Cellulose_Cross_Linker" target="_blank">Cellulose Cross Linker.) </a><br />
<br />
<br />
</p><br />
Cellulose acetate is a biodegradable thermoplastic polymer used for a variety of industrial applications [1]. The monomer of cellulose acetate is glucose with one or more of its available hydroxyl groups replaced with acetyl groups. Cellulose acetate is industrially produced by treating cellulose, typically from wood or cotton, with acetic anhydride and sulfuric acid at high temperatures [1]. Our aim is to engineer bacterial cells to produce industrial-grade cellulose acetate biologically, allowing this plastic to be produced anywhere that bacterial colonies can be grown (i. e. in space). This material could then be used as a basis or coating for a biodegradable UAV. Many species of bacteria produce cellulose fibers; however, <i>Gluconacetobacter hansenii</i> has been identified as species producing the highest yield of cellulose [2]. Another strain of bacteria, the SBW25 isolate of the species <i>Pseudomonas fluorescens</i>, produces a biofilm containing cellulose fibers with a small degree of acetylation (.14 acetyl groups per glucose monomer) [3]. Industrial-grade cellulose acetate must have at least 1.71 acetyl groups per glucose monomer [4]. In order to engineer a bacterium to efficiently produce cellulose acetate, our strategy is to transform <i>G. hansenii</i> with the four genes, wssF, wssG, wssH, and wssI, that have been identified [3] as being involved in cellulose acetylation in <i>P. fluorescens</i>, and to use directed evolution to further increase percent acetylation of the polymer.<br />
<br />
</p>In addition, we seek to create a streptavidin/cellulose-binding-domain fusion protein which will have the capacity to both cross-link bacterial cellulose acetate polymers (improving material properties) and allow the modular addition of cells (e.g. biosensors). This will be accomplished through the expression on the cells of a biotinylated membrane protein. This will allow biological sensors to be added directly to our cellulose acetate fibers, allowing bacterial sensors to be attached directly to the body of our UAV. <br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="process" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Methods ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Approach & Methods</h5><br />
<h6>Our goal was to turn bacterial cellulose into cellulose acetate.</h6><br />
</div></div><br />
<div class="row"><br />
<div class="small-7 small-centered columns"><br><center><img src="https://static.igem.org/mediawiki/2014/b/b7/Bdoughty_10-16-14_BC_BCOAC.png"><br><br />
<h6><center>Cellulose on the left transformed into cellulose acetate on the right.</center></h6><br />
</div></div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h6>To accomplish this we looked to transform the genes responsible for the acetylation of cellulose in <i>P. fluorescens</i>, wssF-I [3], into our model cellulose-producing organism <i>G. hansenii.</i></h6><br />
</div></div><br />
<div class="row"><br />
<div class="small-7 small-centered columns"><br><center><img src="https://static.igem.org/mediawiki/2014/0/0d/Bdoughty_10-16-14_wssFGHI_chart.png"><br><br />
<h6><center>Acetylation genes. Image via [7].</center></h6><br />
</div></div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h6>However, <i>G. hansenii</i> is not a well-characterized organism for standard synthetic biology lab procedures and consequently cannot use the standard pSB1C3 backbone. Instead, we utilized the multi-host shuttle vector pUCD4 [6], which allowed us to grow the plasmid to large quantities in <i>E. coli</i> before transforming it into <i>G. hansenii.</i> For the transformation we adapted the electroporation protocol found in [5].</h6><br />
</div><br />
<div class="small-7 small-centered columns"><br><center><img src="https://static.igem.org/mediawiki/2014/5/54/Bdoughty_10-16-14_pUCD4_schematic.png"><br><br />
<h6><center><b>Note:</b> pUCD4 differs from pUCD2 in only one restriction site.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h6>The first step in working towards producing our building material was to grow cultures of cellulose producing bacteria. After these cultures grew for 1-2 weeks, we removed the produced cellulose sheet from the culture to test various methods of drying. We experimented with drying the sheet in an oven, to produce an extreme thin layer of cellulose. We also wrapped fungal mycelium, which we intend to be the body of our UAV, with wet cellulose, and allowed the cellulose to dry on its own. This will provide the platform for us to alter the biomaterial for flight, by making it waterproof, for example.</h6> <br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/0/0f/Sbs_igem_cellulosedrying.jpg><br><br />
<h6><center>Figure 1: Production of dried cellulose. a) A wet cellulose sheet, soaking in 50% alcohol solution. b) The cellulose was placed between two acrylic gel casters and left in a 75ºC oven for 2 days. c) A thin, dry cellulose sheet. d) Fungal mycelium wrapped in dry cellulose.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<h6>One alteration we intend to make in order to produce a functional UAV is to draw circuits on the biomaterial to conduct electricity. In order to produce a biodegradable circuit, we worked with a company called <a href="http://agic.cc" target="_blank">AgiC</a>, which prints circuits out of silver nano particles (see our <a href="https://2014.igem.org/Team:StanfordBrownSpelman/Building_The_Drone">Building a UAV</a> page for a full circuit). By taking silver ink and painting it on to our bacterial cellulose, we were able to test the conductive capabilities of our building material.</h6> <br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/f/f9/Sbs_igem_cellulosesilverdrawing.jpg><br><br />
<h6><center>Figure 2: Making cellulose electrically conductive. a) The silver ink used to paint cellulose. b) Silver nano particles painted onto cellulose covered mycelium. c) Positive Control: Aluminum foil has a resistance of 0.5 ohms. d) Negative Control: Unaltered cellulose has no resistance, and thus no conductivity. e) Experimental: Cellulose painted with silver nano particles has a resistance of 1.6 ohms. </center></h6><br />
</div><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 3 ====== --><br />
<br />
<div class="row"><br />
<div id="results" class="small-3 small-centered columns cells7"><br />
</div><br />
</div><br />
<br />
<!-- ====== Results ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Results</h5><br />
<h6><br />
We were able to extract total DNA from P. fluorescens and amplify the four acetylation genes.<br />
</h6><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src="https://static.igem.org/mediawiki/2014/a/a5/Bdoughty_10-16-14_wssFGHI_gel_image.png"><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h6>The prefix and suffix were added onto these PCR products, and then they were inserted (separately) into pSB1C3 for biobricking (<a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks#CA" target="_blank">see Submitted Bricks</a>).</h6><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src="https://static.igem.org/mediawiki/2014/3/3b/Bdoughty_10-16-14_wssF_sequencing_alignment.png"><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h6>We were also able to show that the pUCD4 shuttle vector was effective in making <i>G. hansenii</i> a suitable chassis for carrying synthetic information, an important step in the process of studying cellulose derivate polymers. By plating both transformed and untransformed cells on antibiotic selection plates and using colony PCR to screen for the presence of the plasmid, we found that pUCD4 was effective at providing resistances to multiple antibiotics.</h6><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src="https://static.igem.org/mediawiki/2014/d/d3/Bdoughty_10-16-14_pUCD4_verification_gel.jpg"><br />
</div><br><br />
<br />
<br />
<!-- ====== Cell Spacer 4 ====== --><br />
<br />
<div class="row"><br />
<div id="linkout" class="small-3 small-centered columns cells5"><br />
</div><br />
</div><br />
<br />
<!-- ====== Links & References ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Additional Information</h5><br />
<h6><br />
Interested in what we've been working on and want to find more relevant information? Check out some of the following sites, companies, and people who either aided us in our production of biomaterials or collaborated with us in working to produce a viable biological unmanned aerial vehicle.<br />
<div class="sub5"><a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks#CA">● Click here for a list of submitted biobricks, the four genes found in <i>P. fluorescens</i> responsible for the acetylation of the cellulose polymer. These genes are all found individually in the biobrick backbone and are fully biobrick compatible.</a></div><br />
<div class="sub5"><a href="https://docs.google.com/a/brown.edu/document/d/1ZH8qGKbhKb7Xe48ewJp8Ggznt0BzsDU9TQngtSh1HrA/edit">● Click here for more information on the specific protocols we used for working with G. hansenii and bacterial cellulose, including our recipe for Acetobacter Media, an electroporation transformation protocol, and instructions on generating, cleaning, and drying bacterial cellulose.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 5 ====== --><br />
<br />
<div class="row"><br />
<div id="references" class="small-3 small-centered columns cells6"><br />
</div><br />
</div><br />
<br />
<!-- ====== Building a Biological UAV ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Building_The_Drone"><b>Building a Biological UAV</b></a></center></h5><br />
<h6> <br />
Our team modeled, prototyped, and collaborated with Ecovative Design to grow a mycelium-based chassis for our biological drone. Below you'll find process photos, part designs, and links to open source model files for downloading and additively manufacturing your own biological or bio-inspired unmanned aerial vehicle. Finally, you can see images of the biological, biodegradable UAV that we built and flew! <a href="https://2014.igem.org/Team:StanfordBrownSpelman/Building_The_Drone">Check our more about the material, design, and construction aspects of our biomaterial project here.</a><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 4 ====== --><br />
<br />
<div class="row"><br />
<div id="references" class="small-3 small-centered columns cells"><br />
</div><br />
</div><br />
<br />
<!-- ======References ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>References</h5><br />
<h6><br />
<br />
<div class="sub5">1. Fischer S <i>et al.</i> (2008) Properties and Applications of Cellulose Acetate. <i>Macromol. Symp.</i> 262: 89-96. DOI: <a href="http://blogs.unpad.ac.id/evyerna/files/2010/11/ca.pdf" target="_blank">10.1002/masy.200850210</a></div><br />
<div class="sub5">2. Ross P <i>et al.</i> (1991) Cellulose Biosynthesis and Function in Bacteria. <i>Microbiological Reviews</i> 55: 35-58. PMID: <a href="http://www.ncbi.nlm.nih.gov/pubmed/2030672" target="_blank">2030672
</a></div><br />
<div class="sub5">3. Spiers AJ <i>et al.</i> (2003) Biofilm formation at the air–liquid interface by the Pseudomonas fluorescens SBW25 wrinkly spreader requires an acetylated form of cellulose. <i>Molecular Microbiology</i> 50: 15-27. PMID: <a href="http://www.ncbi.nlm.nih.gov/pubmed/14507360" target="_blank">14507360
</a></div><br />
<div class="sub5">4. The United States Pharmacopeial Convention. Cellulose Acetate. USP-NF. 2013.
</div><br />
<div class="sub5">5. Hall PE <i>et al.</i> (1992) Transformation of Acetobacter xylinum with Plasmid DNA by Electroporation. <i>Plasmid</i> 28: 194-200.
PMID: <a href="http://www.ncbi.nlm.nih.gov/pubmed/1461938" target="_blank">1461938
</a></div><br />
<div class="sub5">6. Close TJ <i>et al.</i> (1984) Design and Development of Amplifiable Broad-Host-Range Cloning Vectors: Analysis of the wir Region of Agrobacterium tumefaciens Plasmid pTiC58. <i>Plasmid</i> 12: 111-118. PMID: <a href="http://www.ncbi.nlm.nih.gov/pubmed/6095350" target="_blank">6095350
</a></div><br />
<div class="sub5">7. Spiers AJ <i>et al.</i> (2013) Cellulose Expression in Pseudomonas fluorescens SBW25 and Other Environmental Pseudomonads in <i>Cellulose - Medical, Pharmaceutical, and Electronic Applications</i>. DOI: <a href="http://cdn.intechopen.com/pdfs-wm/45637.pdf" target="_blank">10.5772/53736</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 6 ====== --><br />
<br />
<div class="row"><br />
<div id="precontact" class="small-3 small-centered columns cells8"><br />
</div><br />
</div><br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="https://static.igem.org/mediawiki/2014/8/86/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/stylesheet
Team:StanfordBrownSpelman/stylesheet
2014-10-17T00:25:01Z
<p>Angelofspeed: </p>
<hr />
<div>/* ====== CSS Added ====== */<br />
<br />
::selection {<br />
background: #cccccc; /* WebKit/Blink Browsers */<br />
}<br />
::-moz-selection {<br />
background: #cccccc; /* Gecko Browsers */<br />
}<br />
<br />
/*<br />
#roof, #bottom, #left, #right {<br />
position: fixed;<br />
}<br />
#left, #right {<br />
z-index: 3000;<br />
top: 0; bottom: 0;<br />
width: 10px;<br />
}<br />
#left { left: 0; background: #000000 }<br />
#right { right: 0; background: #000000 }<br />
<br />
#roof, #bottom {<br />
z-index: 3000;<br />
left: 0; right: 0;<br />
height: 10px;<br />
}<br />
#roof { top: 0; background: #000000 }<br />
#bottom { bottom: 0; background: #000000 }<br />
*/<br />
<br />
<br />
.circle {<br />
box-shadow: inset 0px 0px 60px #ffffff;<br />
<br />
background-color: #f9f4f2;<br />
z-index: -100;<br />
border-radius: 50%;<br />
width: 480px;<br />
height: 480px;<br />
position: relative;<br />
left: 50%;<br />
top: 50%;<br />
<br />
/*<br />
* Where the magic happens<br />
* Centering method from CSS Tricks<br />
* http://css-tricks.com/centering-percentage-widthheight-elements/<br />
*/<br />
transform: translate(-50%, -50%);<br />
-webkit-transform: translate(-50%, -50%);<br />
-o-transform: translate(-50%, -50%);<br />
-ms-transform: translate(-50%, -50%);<br />
}<br />
<br />
.title {<br />
width:100%;<br />
text-align:center;<br />
margin:auto;<br />
position:absolute;<br />
top:18px;<br />
z-index:2000;<br />
}<br />
.wiki {<br />
position:fixed;<br />
top:18px;<br />
right:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.projects {<br />
position:fixed;<br />
top:18px;<br />
left:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.team {<br />
position:fixed;<br />
bottom:10px;<br />
left:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.contact {<br />
position:fixed;<br />
bottom: 10px;<br />
right:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
<br />
/* FOR BIO D PAGE */<br />
/***************************/<br />
<br />
.fitAll {<br />
height: 200px;<br />
max-width:300px;<br />
margin-bottom: 20px;<br />
}<br />
<br />
.fitAll2 {<br />
height: 200px;<br />
max-width:300px;<br />
margin-bottom: 20px;<br />
margin-top: 3px;<br />
}<br />
<br />
.reduceSize {<br />
height: 250px;<br />
margin-right: 30px;<br />
margin-left: 30px;<br />
margin-bottom: 20px;<br />
}<br />
/***************************/<br />
#iGEMimagelogomain img {<br />
width: 50px;<br />
}<br />
<br />
<br />
/* ====== SPLASH ====== */<br />
<br />
#globalWrapper {<br />
background-size: cover;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
}<br />
<br />
#landing {<br />
width: 100%;<br />
height: 700px;<br />
background-image: url("https://static.igem.org/mediawiki/2014/7/71/SBSiGEM_Drone_Map_1.png");<br />
background-size: cover;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
z-index: 6000;<br />
position: relative;<br />
overflow: hidden;<br />
text-align: center;<br />
}<br />
<br />
#title{<br />
font-size: 64pt;<br />
line-height: 70pt;<br />
color: black;<br />
font-family: 'Montserrat', Futura, Arial, sans-serif;<br />
text-shadow: 6px 6px 12px rgba(0,0,0, .25);<br />
opacity:0.95;<br />
}<br />
<br />
#name {<br />
position: absolute;<br />
left: 50%;<br />
top: 50%;<br />
<br />
/*<br />
* Where the magic happens<br />
* Centering method from CSS Tricks<br />
* http://css-tricks.com/centering-percentage-widthheight-elements/<br />
*/<br />
transform: translate(-50%, -50%);<br />
-webkit-transform: translate(-50%, -50%);<br />
-o-transform: translate(-50%, -50%);<br />
-ms-transform: translate(-50%, -50%);<br />
}<br />
<br />
<br />
/* ====== Remainder ====== */<br />
<br />
nav {<br />
position: fixed;<br />
left: 0;<br />
right: 0;<br />
top: 0;<br />
z-index: 10000;<br />
font-size: 12pt;<br />
<br />
height: 45px;<br />
}<br />
<br />
nav .links {<br />
float: left;<br />
padding: 10px;<br />
}<br />
nav .links:hover{<br />
opacity: .6;<br />
}<br />
<br />
nav .links:active{<br />
background-color: transparent;<br />
}<br />
<br />
#about{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#about img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 50px;<br />
}<br />
<br />
#about .sub{<br />
padding-left: 110px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
#bioBrick{<br />
margin-top: 10px;<br />
margin-bottom: 10px;<br />
}<br />
<br />
#bioBrick img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 25px;<br />
}<br />
<br />
#bioBrick .sub{<br />
padding-left: 85px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
#bioBrickFinal{<br />
margin-top: 10px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#bioBrickFinal img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 25px;<br />
}<br />
<br />
#bioBrickFinal .sub{<br />
padding-left: 85px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
.projecticon-bio-bricks{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
#work{<br />
margin-top: 30px;<br />
}<br />
<br />
#work img{<br />
width: 115px;<br />
height: 115px;<br />
position: absolute;<br />
left: 0px;<br />
top:-6px;<br />
}<br />
<br />
#work .sub2{<br />
left: 90px;<br />
padding-left: 140px;<br />
position: relative;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#work .sub3{<br />
left: 0px;<br />
padding-left: 140px;<br />
position: relative;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#thanks{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#connect{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#connect img{<br />
width: 70px;<br />
height: 70px;<br />
position: relative;<br />
left: 0px;<br />
top: 0px;<br />
}<br />
<br />
#mobile1{<br />
margin-top: 10px;<br />
margin-bottom: 8px;<br />
}<br />
<br />
#mobile2{<br />
margin-top: 20px;<br />
margin-bottom: 20px;<br />
}<br />
<br />
#mobile2 img{<br />
width: 40px;<br />
height: 40px;<br />
position: relative;<br />
left: 0px;<br />
top: 0px;<br />
}<br />
<br />
div#closing a.external <br />
{<br />
background:none !important;<br />
padding: 0px !important;<br />
}<br />
<br />
#closing h6{<br />
margin-top: 30px;<br />
margin-bottom: 0px;<br />
padding-bottom: 20px; <br />
font-size: 8pt; <br />
color: #cccccc;<br />
}<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
#teamNoodle {<br />
}<br />
<br />
.placeholder{<br />
width:100%;<br />
max-width:800px;<br />
height:20px;<br />
background-image: white);<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 20px;<br />
}<br />
<br />
.placeholder2{<br />
width:100%;<br />
max-width:800px;<br />
height:30px;<br />
background-image: white);<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 20px;<br />
}<br />
<br />
.cells{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_cells.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells2{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/6/6a/SBS_iGEM_2014_cells2.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells3{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/9/99/SBS_iGEM_2014_cells3.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells4{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/8/81/SBS_iGEM_2014_cells4.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells5{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/e/ee/SBS_iGEM_2014_cells5.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells6{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/8/81/SBS_iGEM_2014_cells6.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells7{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/e/e2/SBS_iGEM_2014_cells7.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells8{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/4/49/SBS_iGEM_2014_cells8.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
/* ====== CSS for Sub-Pages ====== */<br />
<br />
.projecticon-cellulose-acetate{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
display:block;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-cellulose-acetate img{<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto;<br />
width: 162px;<br />
height: 162px;<br />
float: top;<br />
}<br />
<br />
.projecticon-hell-cell{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-waterproofing{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-biodegradation{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-human-practices{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-drone{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/d/dd/SBS_iGEM_2014_drone_icon.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-meet-team{<br />
width:130%;<br />
max-width:800px;<br />
height:573.89px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/c/c8/FullTeamPic.jpg");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:800px;<br />
margin-top: 10px;<br />
margin-bottom: 10px;<br />
}<br />
<br />
#header{<br />
margin-top: 10px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#photo{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#subheader{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#subheader .sub4{<br />
padding-left: 130px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader .subindent{<br />
padding-left: 50px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader img{<br />
width: 70px;<br />
height: 70px;<br />
top: -2px;<br />
position: absolute;<br />
left: 50px;<br />
}<br />
<br />
#subheader .sub5{<br />
padding-left: 55px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader .sub6{<br />
padding-left: 55px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
font-family:'Inconsolata', Helvetica, Arial, sans-serif;<br />
font-size: 13px;<br />
line-height: 8px;<br />
}<br />
<br />
#images{<br />
}<br />
<br />
#results{<br />
}<br />
<br />
#process{<br />
}<br />
<br />
#references{<br />
}<br />
<br />
<br />
/* ====== CSS Added Over ====== */<br />
<br />
<br />
<br />
<br />
<br />
<br />
meta.foundation-version {<br />
font-family: "/5.3.1/"; }<br />
<br />
meta.foundation-mq-small {<br />
font-family: "/only screen/";<br />
width: 0em; }<br />
<br />
meta.foundation-mq-medium {<br />
font-family: "/only screen and (min-width:40.063em)/";<br />
width: 40.063em; }<br />
<br />
meta.foundation-mq-large {<br />
font-family: "/only screen and (min-width:64.063em)/";<br />
width: 64.063em; }<br />
<br />
meta.foundation-mq-xlarge {<br />
font-family: "/only screen and (min-width:90.063em)/";<br />
width: 90.063em; }<br />
<br />
meta.foundation-mq-xxlarge {<br />
font-family: "/only screen and (min-width:120.063em)/";<br />
width: 120.063em; }<br />
<br />
meta.foundation-data-attribute-namespace {<br />
font-family: false; }<br />
<br />
html, body {<br />
height: 100%;<br />
}<br />
<br />
*,<br />
*:before,<br />
*:after {<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box; }<br />
<br />
html,<br />
body {<br />
font-size: 100%; }<br />
<br />
body {<br />
background: #ffffff;<br />
color: #00000;<br />
padding: 0;<br />
margin: 0;<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
line-height: 1;<br />
position: relative;<br />
/* cursor: url('../images/drone_cursor.png'), default; */<br />
cursor: default; }<br />
<br />
img {<br />
max-width: 100%;<br />
height: auto;<br />
margin-bottom: 4px; }<br />
<br />
/* IMAGE BOTTOM MARGIN MAY CAUSE PROBLEMS */<br />
<br />
img {<br />
-ms-interpolation-mode: bicubic; }<br />
<br />
#map_canvas img,<br />
#map_canvas embed,<br />
#map_canvas object,<br />
.map_canvas img,<br />
.map_canvas embed,<br />
.map_canvas object {<br />
max-width: none !important; }<br />
<br />
.left {<br />
float: left !important; }<br />
<br />
.right {<br />
float: right !important; }<br />
<br />
.clearfix:before, .clearfix:after {<br />
content: " ";<br />
display: table; }<br />
.clearfix:after {<br />
clear: both; }<br />
<br />
.hide {<br />
display: none; }<br />
<br />
.antialiased {<br />
-webkit-font-smoothing: antialiased;<br />
-moz-osx-font-smoothing: grayscale; }<br />
<br />
img {<br />
display: inline-block;<br />
vertical-align: middle; }<br />
<br />
textarea {<br />
height: auto;<br />
min-height: 50px; }<br />
<br />
select {<br />
width: 100%; }<br />
<br />
.introText {<br />
text-indent: 50px;<br />
} <br />
<br />
.row {<br />
width: 100%;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
max-width: 62.5em; }<br />
.row:before, .row:after {<br />
content: " ";<br />
display: table; }<br />
.row:after {<br />
clear: both; }<br />
.row.collapse > .column,<br />
.row.collapse > .columns {<br />
padding-left: 0;<br />
padding-right: 0; }<br />
.row.collapse .row {<br />
margin-left: 0;<br />
margin-right: 0; }<br />
.row .row {<br />
width: auto;<br />
margin-left: -0.9375em;<br />
margin-right: -0.9375em;<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
max-width: none; }<br />
.row .row:before, .row .row:after {<br />
content: " ";<br />
display: table; }<br />
.row .row:after {<br />
clear: both; }<br />
.row .row.collapse {<br />
width: auto;<br />
margin: 0;<br />
max-width: none; }<br />
.row .row.collapse:before, .row .row.collapse:after {<br />
content: " ";<br />
display: table; }<br />
.row .row.collapse:after {<br />
clear: both; }<br />
<br />
.column,<br />
.columns {<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
width: 100%;<br />
float: left; }<br />
<br />
[class*="column"] + [class*="column"]:last-child {<br />
float: right; }<br />
<br />
[class*="column"] + [class*="column"].end {<br />
float: left; }<br />
<br />
@media only screen {<br />
.small-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.small-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.small-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.small-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.small-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.small-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.small-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.small-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.small-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.small-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.small-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.small-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.small-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.small-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.small-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.small-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.small-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.small-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.small-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.small-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.small-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.small-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.small-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.small-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.small-1 {<br />
width: 8.33333%; }<br />
<br />
.small-2 {<br />
width: 16.66667%; }<br />
<br />
.small-3 {<br />
width: 25%; }<br />
<br />
.small-4 {<br />
width: 33.33333%; }<br />
<br />
.small-5 {<br />
width: 41.66667%; }<br />
<br />
.small-6 {<br />
width: 50%; }<br />
<br />
.small-7 {<br />
width: 58.33333%; }<br />
<br />
.small-8 {<br />
width: 66.66667%; }<br />
<br />
.small-9 {<br />
width: 75%; }<br />
<br />
.small-10 {<br />
width: 83.33333%; }<br />
<br />
.small-11 {<br />
width: 88%; }<br />
<br />
.small-12 {<br />
width: 100%; }<br />
<br />
.small-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.small-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.small-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.small-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.small-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.small-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.small-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.small-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.small-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.small-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.small-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.small-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.small-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.small-centered,<br />
.columns.small-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.small-uncentered,<br />
.columns.small-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.small-centered:last-child,<br />
.columns.small-centered:last-child {<br />
float: none; }<br />
<br />
.column.small-uncentered:last-child,<br />
.columns.small-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.small-uncentered.opposite,<br />
.columns.small-uncentered.opposite {<br />
float: right; } }<br />
@media only screen and (min-width: 40.063em) {<br />
.medium-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.medium-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.medium-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.medium-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.medium-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.medium-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.medium-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.medium-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.medium-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.medium-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.medium-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.medium-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.medium-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.medium-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.medium-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.medium-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.medium-1 {<br />
width: 8.33333%; }<br />
<br />
.medium-2 {<br />
width: 16.66667%; }<br />
<br />
.medium-3 {<br />
width: 25%; }<br />
<br />
.medium-4 {<br />
width: 33.33333%; }<br />
<br />
.medium-5 {<br />
width: 41.66667%; }<br />
<br />
.medium-6 {<br />
width: 50%; }<br />
<br />
.medium-7 {<br />
width: 58.33333%; }<br />
<br />
.medium-8 {<br />
width: 66.66667%; }<br />
<br />
.medium-9 {<br />
width: 75%; }<br />
<br />
.medium-10 {<br />
width: 83.33333%; }<br />
<br />
.medium-11 {<br />
width: 91.66667%; }<br />
<br />
.medium-12 {<br />
width: 100%; }<br />
<br />
.medium-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.medium-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.medium-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.medium-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.medium-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.medium-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.medium-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.medium-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.medium-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.medium-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.medium-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.medium-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.medium-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.medium-centered,<br />
.columns.medium-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.medium-uncentered,<br />
.columns.medium-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.medium-centered:last-child,<br />
.columns.medium-centered:last-child {<br />
float: none; }<br />
<br />
.column.medium-uncentered:last-child,<br />
.columns.medium-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.medium-uncentered.opposite,<br />
.columns.medium-uncentered.opposite {<br />
float: right; }<br />
<br />
.push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; } }<br />
@media only screen and (min-width: 64.063em) {<br />
.large-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.large-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.large-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.large-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.large-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.large-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.large-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.large-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.large-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.large-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.large-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.large-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.large-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.large-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.large-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.large-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.large-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.large-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.large-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.large-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.large-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.large-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.large-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.large-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.large-1 {<br />
width: 8.33333%; }<br />
<br />
.large-2 {<br />
width: 16.66667%; }<br />
<br />
.large-3 {<br />
width: 25%; }<br />
<br />
.large-4 {<br />
width: 33.33333%; }<br />
<br />
.large-5 {<br />
width: 41.66667%; }<br />
<br />
.large-6 {<br />
width: 50%; }<br />
<br />
.large-7 {<br />
width: 58.33333%; }<br />
<br />
.large-8 {<br />
width: 66.66667%; }<br />
<br />
.large-9 {<br />
width: 75%; }<br />
<br />
.large-10 {<br />
width: 83.33333%; }<br />
<br />
.large-11 {<br />
width: 91.66667%; }<br />
<br />
.large-12 {<br />
width: 100%; }<br />
<br />
.large-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.large-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.large-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.large-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.large-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.large-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.large-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.large-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.large-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.large-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.large-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.large-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.large-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.large-centered,<br />
.columns.large-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.large-uncentered,<br />
.columns.large-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.large-centered:last-child,<br />
.columns.large-centered:last-child {<br />
float: none; }<br />
<br />
.column.large-uncentered:last-child,<br />
.columns.large-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.large-uncentered.opposite,<br />
.columns.large-uncentered.opposite {<br />
float: right; }<br />
<br />
.push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; } }<br />
.text-left {<br />
text-align: left !important; }<br />
<br />
.text-right {<br />
text-align: right !important; }<br />
<br />
.text-center {<br />
text-align: center !important; }<br />
<br />
.text-justify {<br />
text-align: justify !important; }<br />
<br />
@media only screen and (max-width: 40em) {<br />
.small-only-text-left {<br />
text-align: left !important; }<br />
<br />
.small-only-text-right {<br />
text-align: right !important; }<br />
<br />
.small-only-text-center {<br />
text-align: center !important; }<br />
<br />
.small-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen {<br />
.small-text-left {<br />
text-align: left !important; }<br />
<br />
.small-text-right {<br />
text-align: right !important; }<br />
<br />
.small-text-center {<br />
text-align: center !important; }<br />
<br />
.small-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 40.063em) and (max-width: 64em) {<br />
.medium-only-text-left {<br />
text-align: left !important; }<br />
<br />
.medium-only-text-right {<br />
text-align: right !important; }<br />
<br />
.medium-only-text-center {<br />
text-align: center !important; }<br />
<br />
.medium-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 40.063em) {<br />
.medium-text-left {<br />
text-align: left !important; }<br />
<br />
.medium-text-right {<br />
text-align: right !important; }<br />
<br />
.medium-text-center {<br />
text-align: center !important; }<br />
<br />
.medium-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 64.063em) and (max-width: 90em) {<br />
.large-only-text-left {<br />
text-align: left !important; }<br />
<br />
.large-only-text-right {<br />
text-align: right !important; }<br />
<br />
.large-only-text-center {<br />
text-align: center !important; }<br />
<br />
.large-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 64.063em) {<br />
.large-text-left {<br />
text-align: left !important; }<br />
<br />
.large-text-right {<br />
text-align: right !important; }<br />
<br />
.large-text-center {<br />
text-align: center !important; }<br />
<br />
.large-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 90.063em) and (max-width: 120em) {<br />
.xlarge-only-text-left {<br />
text-align: left !important; }<br />
<br />
.xlarge-only-text-right {<br />
text-align: right !important; }<br />
<br />
.xlarge-only-text-center {<br />
text-align: center !important; }<br />
<br />
.xlarge-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 90.063em) {<br />
.xlarge-text-left {<br />
text-align: left !important; }<br />
<br />
.xlarge-text-right {<br />
text-align: right !important; }<br />
<br />
.xlarge-text-center {<br />
text-align: center !important; }<br />
<br />
.xlarge-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {<br />
.xxlarge-only-text-left {<br />
text-align: left !important; }<br />
<br />
.xxlarge-only-text-right {<br />
text-align: right !important; }<br />
<br />
.xxlarge-only-text-center {<br />
text-align: center !important; }<br />
<br />
.xxlarge-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 120.063em) {<br />
.xxlarge-text-left {<br />
text-align: left !important; }<br />
<br />
.xxlarge-text-right {<br />
text-align: right !important; }<br />
<br />
.xxlarge-text-center {<br />
text-align: center !important; }<br />
<br />
.xxlarge-text-justify {<br />
text-align: justify !important; } }<br />
/* Typography resets */<br />
div,<br />
dl,<br />
dt,<br />
dd,<br />
ul,<br />
ol,<br />
li,<br />
h1,<br />
h2,<br />
h3,<br />
h4,<br />
h5,<br />
h6,<br />
h7,<br />
h0,<br />
pre,<br />
form,<br />
p,<br />
blockquote,<br />
th,<br />
td {<br />
margin: 0;<br />
padding: 0; }<br />
<br />
/* Default Link Styles */<br />
a {<br />
color: #000000;<br />
text-decoration: none;<br />
line-height: inherit; }<br />
<br />
<br />
a.one:hover { color: #eaea13; }<br />
a.two:hover { color: #fbb03b; }<br />
a.three:hover { color: #dbef20; }<br />
a.four:hover { color: #a2d650; }<br />
a.five:hover { color: #4fcc36; }<br />
a.six:hover { color: #22b573; }<br />
a.seven:hover { color: #39b54a; }<br />
a.eight:hover { color: #00a99d; }<br />
a.nine:hover { color: #18d3a2; }<br />
a.ten:hover { color: #b2ae22; }<br />
<br />
<br />
a img {<br />
border: none; }<br />
<br />
/* Default paragraph styles */<br />
p {<br />
font-family: inherit;<br />
font-weight: normal;<br />
font-size: 1rem;<br />
line-height: 1.6;<br />
margin-bottom: 1.25rem;<br />
text-rendering: optimizeLegibility; }<br />
p.lead {<br />
font-size: 1.21875rem;<br />
line-height: 1.6; }<br />
p aside {<br />
font-size: 0.875rem;<br />
line-height: 1.35;<br />
font-style: italic; }<br />
<br />
/* Default header styles */<br />
h0, h1, h2, h3, h4, h5, h6, h7 {<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
color: #000000;<br />
text-rendering: optimizeLegibility;<br />
margin-top: 0.2rem;<br />
margin-bottom: 0.5rem;<br />
line-height: 1.4; }<br />
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, h7 small {<br />
font-size: 60%;<br />
color: #6f6f6f;<br />
line-height: 0; }<br />
<br />
h0 {<br />
font-size: .7rem;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: justify; }<br />
<br />
h1 {<br />
font-size: 2.125rem; }<br />
<br />
h2 {<br />
/* font-size: 1.6875rem; */<br />
font-size: 1.0rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
<br />
}<br />
<br />
h3 {<br />
font-size: 1.375rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h4 {<br />
font-size: 1.125rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h5 {<br />
font-size: 1.125rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 10px; }<br />
<br />
h6 {<br />
font-size: .8rem;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: justify; }<br />
<br />
.boxedmenu {<br />
border-bottom: 2px solid green;<br />
border-top: 2px solid green;<br />
margin-bottom: 25px;<br />
}<br />
<br />
.boxedimg {<br />
border-bottom: 2px solid #218282;<br />
border-top: 2px solid #218282;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
}<br />
<br />
h7 {<br />
/* font-size: 1.6875rem; */<br />
font-size: 1.3rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
.subheader {<br />
line-height: 1.4;<br />
color: #6f6f6f;<br />
font-weight: normal;<br />
margin-top: 0.2rem;<br />
margin-bottom: 0.5rem; }<br />
<br />
hr {<br />
border: solid #dddddd;<br />
border-width: 1px 0 0;<br />
clear: both;<br />
margin: 1.25rem 0 1.1875rem;<br />
height: 0; }<br />
<br />
/* Helpful Typography Defaults */<br />
em,<br />
i {<br />
font-style: italic;<br />
line-height: inherit; }<br />
<br />
strong,<br />
b {<br />
font-weight: bold;<br />
line-height: inherit; }<br />
<br />
small {<br />
font-size: 60%;<br />
line-height: inherit; }<br />
<br />
code {<br />
font-family: Consolas, "Liberation Mono", Courier, monospace;<br />
font-weight: bold;<br />
color: #910b0e; }<br />
<br />
/* Lists */<br />
ul,<br />
ol,<br />
dl {<br />
font-size: 1rem;<br />
line-height: 1.6;<br />
margin-bottom: 1.25rem;<br />
list-style-position: outside;<br />
font-family: inherit; }<br />
<br />
ul {<br />
margin-left: 1.1rem; }<br />
ul.no-bullet {<br />
margin-left: 0; }<br />
ul.no-bullet li ul,<br />
ul.no-bullet li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0;<br />
list-style: none; }<br />
<br />
/* Unordered Lists */<br />
ul li ul,<br />
ul li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0; }<br />
ul.square li ul, ul.circle li ul, ul.disc li ul {<br />
list-style: inherit; }<br />
ul.square {<br />
list-style-type: square;<br />
margin-left: 1.1rem; }<br />
ul.circle {<br />
list-style-type: circle;<br />
margin-left: 1.1rem; }<br />
ul.disc {<br />
list-style-type: disc;<br />
margin-left: 1.1rem; }<br />
ul.no-bullet {<br />
list-style: none; }<br />
<br />
/* Ordered Lists */<br />
ol {<br />
margin-left: 1.4rem; }<br />
ol li ul,<br />
ol li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0; }<br />
<br />
/* Definition Lists */<br />
dl dt {<br />
margin-bottom: 0.3rem;<br />
font-weight: bold; }<br />
dl dd {<br />
margin-bottom: 0.75rem; }<br />
<br />
/* Abbreviations */<br />
abbr,<br />
acronym {<br />
text-transform: uppercase;<br />
font-size: 90%;<br />
color: #000000;<br />
border-bottom: 1px dotted #dddddd;<br />
cursor: help; }<br />
<br />
abbr {<br />
text-transform: none; }<br />
<br />
/* Blockquotes */<br />
blockquote {<br />
margin: 0 0 1.25rem;<br />
padding: 0.5625rem 1.25rem 0 1.1875rem;<br />
border-left: 1px solid #dddddd; }<br />
blockquote cite {<br />
display: block;<br />
font-size: 0.8125rem;<br />
color: #555555; }<br />
blockquote cite:before {<br />
content: "\2014 \0020"; }<br />
blockquote cite a,<br />
blockquote cite a:visited {<br />
color: #555555; }<br />
<br />
blockquote,<br />
blockquote p {<br />
line-height: 1.6;<br />
color: #6f6f6f; }<br />
<br />
/* Microformats */<br />
.vcard {<br />
display: inline-block;<br />
margin: 0 0 1.25rem 0;<br />
border: 1px solid #dddddd;<br />
padding: 0.625rem 0.75rem; }<br />
.vcard li {<br />
margin: 0;<br />
display: block; }<br />
.vcard .fn {<br />
font-weight: bold;<br />
font-size: 0.9375rem; }<br />
<br />
.vevent .summary {<br />
font-weight: bold; }<br />
.vevent abbr {<br />
cursor: default;<br />
text-decoration: none;<br />
font-weight: bold;<br />
border: none;<br />
padding: 0 0.0625rem; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
h0, h1, h2, h3, h4, h5, h6, h7 {<br />
line-height: 1.4; }<br />
<br />
h0 {<br />
font-size: .7rem;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: left; }<br />
<br />
h1 {<br />
font-size: 2.75rem; }<br />
<br />
h2 {<br />
/* font-size: 2.3125rem; */<br />
font-size: 1.3rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
h3 {<br />
font-size: 1.6875rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h4 {<br />
font-size: 1.4375rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h5 {<br />
font-size: 1.4375rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 10px; }<br />
<br />
h6 {<br />
font-size: 1rem;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: left; <br />
} <br />
<br />
h7 {<br />
/* font-size: 2.3125rem; */<br />
font-size: 1.2rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
}<br />
<br />
/* ====== CSS Added ======<br />
<br />
img{<br />
width: 80px;<br />
height: 80px;<br />
position: absolute;<br />
left: 0px;<br />
top:-6px;<br />
}<br />
<br />
====== CSS Added End ====== */<br />
<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
/*<br />
* Print styles.<br />
*<br />
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/<br />
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)<br />
*/<br />
.print-only {<br />
display: none !important; }<br />
<br />
@media print {<br />
* {<br />
background: transparent !important;<br />
color: black !important;<br />
/* Black prints faster: h5bp.com/s */<br />
box-shadow: none !important;<br />
text-shadow: none !important; }<br />
<br />
a,<br />
a:visited {<br />
text-decoration: underline; }<br />
<br />
a[href]:after {<br />
content: " (" attr(href) ")"; }<br />
<br />
abbr[title]:after {<br />
content: " (" attr(title) ")"; }<br />
<br />
.ir a:after,<br />
a[href^="javascript:"]:after,<br />
a[href^="#"]:after {<br />
content: ""; }<br />
<br />
pre,<br />
blockquote {<br />
border: 1px solid #999999;<br />
page-break-inside: avoid; }<br />
<br />
thead {<br />
display: table-header-group;<br />
/* h5bp.com/t */ }<br />
<br />
tr,<br />
img {<br />
page-break-inside: avoid; }<br />
<br />
img {<br />
max-width: 100% !important; }<br />
<br />
@page {<br />
margin: 0.5cm; }<br />
<br />
p,<br />
h2,<br />
h3 {<br />
orphans: 3;<br />
widows: 3; }<br />
<br />
h2,<br />
h3 {<br />
page-break-after: avoid; }<br />
<br />
.hide-on-print {<br />
display: none !important; }<br />
<br />
.print-only {<br />
display: block !important; }<br />
<br />
.hide-for-print {<br />
display: none !important; }<br />
<br />
.show-for-print {<br />
display: inherit !important; } }<br />
.reveal-modal-bg {<br />
position: fixed;<br />
height: 100%;<br />
width: 100%;<br />
background: black;<br />
background: rgba(0, 0, 0, 0.45);<br />
z-index: 99;<br />
display: none;<br />
top: 0;<br />
left: 0; }<br />
<br />
dialog, .reveal-modal {<br />
visibility: hidden;<br />
display: none;<br />
position: absolute;<br />
z-index: 100;<br />
width: 100vw;<br />
top: 0;<br />
left: 0;<br />
background-color: white;<br />
padding: 1.25rem;<br />
border: solid 1px #666666;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }<br />
@media only screen and (max-width: 40em) {<br />
dialog, .reveal-modal {<br />
min-height: 100vh; } }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
left: 50%; } }<br />
dialog .column,<br />
dialog .columns, .reveal-modal .column,<br />
.reveal-modal .columns {<br />
min-width: 0; }<br />
dialog > :first-child, .reveal-modal > :first-child {<br />
margin-top: 0; }<br />
dialog > :last-child, .reveal-modal > :last-child {<br />
margin-bottom: 0; }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
margin-left: -40%;<br />
width: 80%; } }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
top: 6.25rem; } }<br />
dialog .close-reveal-modal, .reveal-modal .close-reveal-modal {<br />
font-size: 2.5rem;<br />
line-height: 1;<br />
position: absolute;<br />
top: 0.5rem;<br />
right: 0.6875rem;<br />
color: #aaaaaa;<br />
font-weight: bold;<br />
cursor: pointer; }<br />
<br />
dialog[open] {<br />
display: block;<br />
visibility: visible; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
padding: 1.875rem; }<br />
dialog.radius, .reveal-modal.radius {<br />
border-radius: 3px; }<br />
dialog.round, .reveal-modal.round {<br />
border-radius: 1000px; }<br />
dialog.collapse, .reveal-modal.collapse {<br />
padding: 0; }<br />
dialog.full, .reveal-modal.full {<br />
top: 0;<br />
left: 0;<br />
height: 100vh;<br />
min-height: 100vh;<br />
margin-left: 0 !important; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.tiny, .reveal-modal.tiny {<br />
margin-left: -15%;<br />
width: 30%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.small, .reveal-modal.small {<br />
margin-left: -20%;<br />
width: 40%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.medium, .reveal-modal.medium {<br />
margin-left: -30%;<br />
width: 60%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.large, .reveal-modal.large {<br />
margin-left: -35%;<br />
width: 70%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.xlarge, .reveal-modal.xlarge {<br />
margin-left: -47.5%;<br />
width: 95%; } }<br />
<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.full, .reveal-modal.full {<br />
margin-left: -50vw;<br />
width: 100vw; } }<br />
<br />
@media print {<br />
dialog, .reveal-modal {<br />
background: white !important; } }<br />
button, .button {<br />
border-style: solid;<br />
border-width: 0px;<br />
cursor: pointer;<br />
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: normal;<br />
line-height: normal;<br />
margin: 0 0 1.25rem;<br />
position: relative;<br />
text-decoration: none;<br />
text-align: center;<br />
-webkit-appearance: none;<br />
-webkit-border-radius: 0;<br />
display: inline-block;<br />
padding-top: 1rem;<br />
padding-right: 2rem;<br />
padding-bottom: 1.0625rem;<br />
padding-left: 2rem;<br />
font-size: 1rem;<br />
background-color: #2ba6cb;<br />
border-color: #2285a2;<br />
color: white;<br />
transition: background-color 300ms ease-out; }<br />
button:hover, button:focus, .button:hover, .button:focus {<br />
background-color: #2285a2; }<br />
button:hover, button:focus, .button:hover, .button:focus {<br />
color: white; }<br />
button.secondary, .button.secondary {<br />
background-color: #e9e9e9;<br />
border-color: #2285a2;<br />
color: #333333; }<br />
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {<br />
background-color: #2285a2; }<br />
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {<br />
color: #333333; }<br />
button.success, .button.success {<br />
background-color: #5da423;<br />
border-color: #2285a2;<br />
color: white; }<br />
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {<br />
background-color: #2285a2; }<br />
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {<br />
color: white; }<br />
button.alert, .button.alert {<br />
background-color: #c60f13;<br />
border-color: #2285a2;<br />
color: white; }<br />
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {<br />
background-color: #2285a2; }<br />
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {<br />
color: white; }<br />
button.large, .button.large {<br />
padding-top: 1.125rem;<br />
padding-right: 2.25rem;<br />
padding-bottom: 1.1875rem;<br />
padding-left: 2.25rem;<br />
font-size: 1.25rem; }<br />
button.small, .button.small {<br />
padding-top: 0.875rem;<br />
padding-right: 1.75rem;<br />
padding-bottom: 0.9375rem;<br />
padding-left: 1.75rem;<br />
font-size: 0.8125rem; }<br />
button.tiny, .button.tiny {<br />
padding-top: 0.625rem;<br />
padding-right: 1.25rem;<br />
padding-bottom: 0.6875rem;<br />
padding-left: 1.25rem;<br />
font-size: 0.6875rem; }<br />
button.expand, .button.expand {<br />
padding-right: 0;<br />
padding-left: 0;<br />
width: 100%; }<br />
button.left-align, .button.left-align {<br />
text-align: left;<br />
text-indent: 0.75rem; }<br />
button.right-align, .button.right-align {<br />
text-align: right;<br />
padding-right: 0.75rem; }<br />
button.radius, .button.radius {<br />
border-radius: 3px; }<br />
button.round, .button.round {<br />
border-radius: 1000px; }<br />
button.disabled, button[disabled], .button.disabled, .button[disabled] {<br />
background-color: #2ba6cb;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
background-color: #2285a2; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
color: white; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
background-color: #2ba6cb; }<br />
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {<br />
background-color: #e9e9e9;<br />
border-color: #2285a2;<br />
color: #333333;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
background-color: #2285a2; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
color: #333333; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
background-color: #e9e9e9; }<br />
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {<br />
background-color: #5da423;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
background-color: #2285a2; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
color: white; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
background-color: #5da423; }<br />
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {<br />
background-color: #c60f13;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
background-color: #2285a2; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
color: white; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
background-color: #c60f13; }<br />
<br />
button::-moz-focus-inner {<br />
border: 0;<br />
padding: 0; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
button, .button {<br />
display: inline-block; } }<br />
<br />
/* ====== Remove MediaWiki Look ====== */<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
<br />
/* Redesigning the topmenu */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;<br />
z-index: 1000;}<br />
#menubar {<br />
color: #000000;<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
line-height: 1;<br />
top: 9px;<br />
z-index: 2000;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: #cccccc;}<br />
#menubar:hover li a {<br />
color: #cccccc;}<br />
.left-menu .noprint ul li .new a {<br />
text-decoration: none;<br />
}<br />
a:hover, a:visited, a:link, a:active<br />
{<br />
text-decoration: none;<br />
}<br />
a:visited {<br />
color: black;<br />
}</div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/stylesheet
Team:StanfordBrownSpelman/stylesheet
2014-10-17T00:24:44Z
<p>Angelofspeed: </p>
<hr />
<div>/* ====== CSS Added ====== */<br />
<br />
::selection {<br />
background: #cccccc; /* WebKit/Blink Browsers */<br />
}<br />
::-moz-selection {<br />
background: #cccccc; /* Gecko Browsers */<br />
}<br />
<br />
/*<br />
#roof, #bottom, #left, #right {<br />
position: fixed;<br />
}<br />
#left, #right {<br />
z-index: 3000;<br />
top: 0; bottom: 0;<br />
width: 10px;<br />
}<br />
#left { left: 0; background: #000000 }<br />
#right { right: 0; background: #000000 }<br />
<br />
#roof, #bottom {<br />
z-index: 3000;<br />
left: 0; right: 0;<br />
height: 10px;<br />
}<br />
#roof { top: 0; background: #000000 }<br />
#bottom { bottom: 0; background: #000000 }<br />
*/<br />
<br />
<br />
.circle {<br />
box-shadow: inset 0px 0px 60px #ffffff;<br />
<br />
background-color: #f9f4f2;<br />
z-index: -100;<br />
border-radius: 50%;<br />
width: 480px;<br />
height: 480px;<br />
position: relative;<br />
left: 50%;<br />
top: 50%;<br />
<br />
/*<br />
* Where the magic happens<br />
* Centering method from CSS Tricks<br />
* http://css-tricks.com/centering-percentage-widthheight-elements/<br />
*/<br />
transform: translate(-50%, -50%);<br />
-webkit-transform: translate(-50%, -50%);<br />
-o-transform: translate(-50%, -50%);<br />
-ms-transform: translate(-50%, -50%);<br />
}<br />
<br />
.title {<br />
width:100%;<br />
text-align:center;<br />
margin:auto;<br />
position:absolute;<br />
top:18px;<br />
z-index:2000;<br />
}<br />
.wiki {<br />
position:fixed;<br />
top:18px;<br />
right:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.projects {<br />
position:fixed;<br />
top:18px;<br />
left:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.team {<br />
position:fixed;<br />
bottom:10px;<br />
left:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.contact {<br />
position:fixed;<br />
bottom: 10px;<br />
right:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
<br />
/* FOR BIO D PAGE */<br />
/***************************/<br />
<br />
.fitAll {<br />
height: 200px;<br />
max-width:300px;<br />
margin-bottom: 20px;<br />
}<br />
<br />
.fitAll2 {<br />
height: 200px;<br />
max-width:300px;<br />
margin-bottom: 20px;<br />
margin-top: 3px;<br />
}<br />
<br />
.reduceSize {<br />
height: 250px;<br />
margin-right: 30px;<br />
margin-left: 30px;<br />
margin-bottom: 20px;<br />
}<br />
/***************************/<br />
#iGEMimagelogomain img {<br />
width: 50px;<br />
}<br />
<br />
<br />
/* ====== SPLASH ====== */<br />
<br />
#globalWrapper {<br />
background-size: cover;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
}<br />
<br />
#landing {<br />
width: 100%;<br />
height: 700px;<br />
background-image: url("https://static.igem.org/mediawiki/2014/7/71/SBSiGEM_Drone_Map_1.png");<br />
background-size: cover;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
z-index: 6000;<br />
position: relative;<br />
overflow: hidden;<br />
text-align: center;<br />
}<br />
<br />
#title{<br />
font-size: 64pt;<br />
line-height: 70pt;<br />
color: black;<br />
font-family: 'Montserrat', Futura, Arial, sans-serif;<br />
text-shadow: 6px 6px 12px rgba(0,0,0, .25);<br />
opacity:0.95;<br />
}<br />
<br />
#name {<br />
position: absolute;<br />
left: 50%;<br />
top: 50%;<br />
<br />
/*<br />
* Where the magic happens<br />
* Centering method from CSS Tricks<br />
* http://css-tricks.com/centering-percentage-widthheight-elements/<br />
*/<br />
transform: translate(-50%, -50%);<br />
-webkit-transform: translate(-50%, -50%);<br />
-o-transform: translate(-50%, -50%);<br />
-ms-transform: translate(-50%, -50%);<br />
}<br />
<br />
<br />
/* ====== Remainder ====== */<br />
<br />
nav {<br />
position: fixed;<br />
left: 0;<br />
right: 0;<br />
top: 0;<br />
z-index: 10000;<br />
font-size: 12pt;<br />
<br />
height: 45px;<br />
}<br />
<br />
nav .links {<br />
float: left;<br />
padding: 10px;<br />
}<br />
nav .links:hover{<br />
opacity: .6;<br />
}<br />
<br />
nav .links:active{<br />
background-color: transparent;<br />
}<br />
<br />
#about{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#about img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 50px;<br />
}<br />
<br />
#about .sub{<br />
padding-left: 110px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
#bioBrick{<br />
margin-top: 10px;<br />
margin-bottom: 10px;<br />
}<br />
<br />
#bioBrick img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 25px;<br />
}<br />
<br />
#bioBrick .sub{<br />
padding-left: 85px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
#bioBrickFinal{<br />
margin-top: 10px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#bioBrickFinal img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 25px;<br />
}<br />
<br />
#bioBrickFinal .sub{<br />
padding-left: 85px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
.projecticon-bio-bricks{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
#work{<br />
margin-top: 30px;<br />
}<br />
<br />
#work img{<br />
width: 115px;<br />
height: 115px;<br />
position: absolute;<br />
left: 0px;<br />
top:-6px;<br />
}<br />
<br />
#work .sub2{<br />
left: 90px;<br />
padding-left: 140px;<br />
position: relative;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#work .sub3{<br />
left: 0px;<br />
padding-left: 140px;<br />
position: relative;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#thanks{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#connect{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#connect img{<br />
width: 70px;<br />
height: 70px;<br />
position: relative;<br />
left: 0px;<br />
top: 0px;<br />
}<br />
<br />
#mobile1{<br />
margin-top: 10px;<br />
margin-bottom: 8px;<br />
}<br />
<br />
#mobile2{<br />
margin-top: 20px;<br />
margin-bottom: 20px;<br />
}<br />
<br />
#mobile2 img{<br />
width: 40px;<br />
height: 40px;<br />
position: relative;<br />
left: 0px;<br />
top: 0px;<br />
}<br />
<br />
div#closing a.external <br />
{<br />
background:none !important;<br />
padding: 0px !important;<br />
}<br />
<br />
#closing h6{<br />
margin-top: 30px;<br />
margin-bottom: 0px;<br />
padding-bottom: 20px; <br />
font-size: 8pt; <br />
color: #cccccc;<br />
}<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
#teamNoodle {<br />
}<br />
<br />
.placeholder{<br />
width:100%;<br />
max-width:800px;<br />
height:20px;<br />
background-image: white);<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 20px;<br />
}<br />
<br />
.placeholder2{<br />
width:100%;<br />
max-width:800px;<br />
height:30px;<br />
background-image: white);<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 20px;<br />
}<br />
<br />
.cells{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_cells.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells2{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/6/6a/SBS_iGEM_2014_cells2.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells3{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/9/99/SBS_iGEM_2014_cells3.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells4{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/8/81/SBS_iGEM_2014_cells4.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells5{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/e/ee/SBS_iGEM_2014_cells5.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells6{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/8/81/SBS_iGEM_2014_cells6.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells7{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/e/e2/SBS_iGEM_2014_cells7.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells8{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/4/49/SBS_iGEM_2014_cells8.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
/* ====== CSS for Sub-Pages ====== */<br />
<br />
.projecticon-cellulose-acetate{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
display:block;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-cellulose-acetate img{<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto;<br />
width: 162px;<br />
height: 162px;<br />
float: top;<br />
}<br />
<br />
.projecticon-hell-cell{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-waterproofing{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-biodegradation{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-human-practices{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-drone{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/d/dd/SBS_iGEM_2014_drone_icon.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-meet-team{<br />
width:130%;<br />
max-width:800px;<br />
height:573.89px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/c/c8/FullTeamPic.jpg");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:800px;<br />
margin-top: 10px;<br />
margin-bottom: 10px;<br />
}<br />
<br />
#header{<br />
margin-top: 10px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#photo{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#subheader{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#subheader .sub4{<br />
padding-left: 130px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader .subindent{<br />
padding-left: 50px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader img{<br />
width: 70px;<br />
height: 70px;<br />
top: -2px;<br />
position: absolute;<br />
left: 50px;<br />
}<br />
<br />
#subheader .sub5{<br />
padding-left: 55px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader .sub6{<br />
padding-left: 55px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
font-family:'Inconsolata', Helvetica, Arial, sans-serif;<br />
font-size: 13px;<br />
line-height: 8px;<br />
}<br />
<br />
#images{<br />
}<br />
<br />
#results{<br />
}<br />
<br />
#process{<br />
}<br />
<br />
#references{<br />
}<br />
<br />
<br />
/* ====== CSS Added Over ====== */<br />
<br />
<br />
<br />
<br />
<br />
<br />
meta.foundation-version {<br />
font-family: "/5.3.1/"; }<br />
<br />
meta.foundation-mq-small {<br />
font-family: "/only screen/";<br />
width: 0em; }<br />
<br />
meta.foundation-mq-medium {<br />
font-family: "/only screen and (min-width:40.063em)/";<br />
width: 40.063em; }<br />
<br />
meta.foundation-mq-large {<br />
font-family: "/only screen and (min-width:64.063em)/";<br />
width: 64.063em; }<br />
<br />
meta.foundation-mq-xlarge {<br />
font-family: "/only screen and (min-width:90.063em)/";<br />
width: 90.063em; }<br />
<br />
meta.foundation-mq-xxlarge {<br />
font-family: "/only screen and (min-width:120.063em)/";<br />
width: 120.063em; }<br />
<br />
meta.foundation-data-attribute-namespace {<br />
font-family: false; }<br />
<br />
html, body {<br />
height: 100%;<br />
}<br />
<br />
*,<br />
*:before,<br />
*:after {<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box; }<br />
<br />
html,<br />
body {<br />
font-size: 100%; }<br />
<br />
body {<br />
background: #ffffff;<br />
color: #00000;<br />
padding: 0;<br />
margin: 0;<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
line-height: 1;<br />
position: relative;<br />
/* cursor: url('../images/drone_cursor.png'), default; */<br />
cursor: default; }<br />
<br />
img {<br />
max-width: 100%;<br />
height: auto;<br />
margin-bottom: 4px; }<br />
<br />
/* IMAGE BOTTOM MARGIN MAY CAUSE PROBLEMS */<br />
<br />
img {<br />
-ms-interpolation-mode: bicubic; }<br />
<br />
#map_canvas img,<br />
#map_canvas embed,<br />
#map_canvas object,<br />
.map_canvas img,<br />
.map_canvas embed,<br />
.map_canvas object {<br />
max-width: none !important; }<br />
<br />
.left {<br />
float: left !important; }<br />
<br />
.right {<br />
float: right !important; }<br />
<br />
.clearfix:before, .clearfix:after {<br />
content: " ";<br />
display: table; }<br />
.clearfix:after {<br />
clear: both; }<br />
<br />
.hide {<br />
display: none; }<br />
<br />
.antialiased {<br />
-webkit-font-smoothing: antialiased;<br />
-moz-osx-font-smoothing: grayscale; }<br />
<br />
img {<br />
display: inline-block;<br />
vertical-align: middle; }<br />
<br />
textarea {<br />
height: auto;<br />
min-height: 50px; }<br />
<br />
select {<br />
width: 100%; }<br />
<br />
.introText {<br />
text-indent: 50px;<br />
} <br />
<br />
.row {<br />
width: 100%;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
max-width: 62.5em; }<br />
.row:before, .row:after {<br />
content: " ";<br />
display: table; }<br />
.row:after {<br />
clear: both; }<br />
.row.collapse > .column,<br />
.row.collapse > .columns {<br />
padding-left: 0;<br />
padding-right: 0; }<br />
.row.collapse .row {<br />
margin-left: 0;<br />
margin-right: 0; }<br />
.row .row {<br />
width: auto;<br />
margin-left: -0.9375em;<br />
margin-right: -0.9375em;<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
max-width: none; }<br />
.row .row:before, .row .row:after {<br />
content: " ";<br />
display: table; }<br />
.row .row:after {<br />
clear: both; }<br />
.row .row.collapse {<br />
width: auto;<br />
margin: 0;<br />
max-width: none; }<br />
.row .row.collapse:before, .row .row.collapse:after {<br />
content: " ";<br />
display: table; }<br />
.row .row.collapse:after {<br />
clear: both; }<br />
<br />
.column,<br />
.columns {<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
width: 100%;<br />
float: left; }<br />
<br />
[class*="column"] + [class*="column"]:last-child {<br />
float: right; }<br />
<br />
[class*="column"] + [class*="column"].end {<br />
float: left; }<br />
<br />
@media only screen {<br />
.small-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.small-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.small-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.small-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.small-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.small-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.small-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.small-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.small-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.small-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.small-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.small-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.small-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.small-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.small-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.small-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.small-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.small-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.small-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.small-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.small-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.small-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.small-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.small-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.small-1 {<br />
width: 8.33333%; }<br />
<br />
.small-2 {<br />
width: 16.66667%; }<br />
<br />
.small-3 {<br />
width: 25%; }<br />
<br />
.small-4 {<br />
width: 33.33333%; }<br />
<br />
.small-5 {<br />
width: 41.66667%; }<br />
<br />
.small-6 {<br />
width: 50%; }<br />
<br />
.small-7 {<br />
width: 58.33333%; }<br />
<br />
.small-8 {<br />
width: 66.66667%; }<br />
<br />
.small-9 {<br />
width: 75%; }<br />
<br />
.small-10 {<br />
width: 83.33333%; }<br />
<br />
.small-11 {<br />
width: 88%; }<br />
<br />
.small-12 {<br />
width: 100%; }<br />
<br />
.small-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.small-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.small-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.small-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.small-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.small-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.small-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.small-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.small-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.small-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.small-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.small-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.small-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.small-centered,<br />
.columns.small-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.small-uncentered,<br />
.columns.small-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.small-centered:last-child,<br />
.columns.small-centered:last-child {<br />
float: none; }<br />
<br />
.column.small-uncentered:last-child,<br />
.columns.small-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.small-uncentered.opposite,<br />
.columns.small-uncentered.opposite {<br />
float: right; } }<br />
@media only screen and (min-width: 40.063em) {<br />
.medium-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.medium-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.medium-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.medium-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.medium-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.medium-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.medium-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.medium-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.medium-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.medium-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.medium-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.medium-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.medium-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.medium-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.medium-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.medium-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.medium-1 {<br />
width: 8.33333%; }<br />
<br />
.medium-2 {<br />
width: 16.66667%; }<br />
<br />
.medium-3 {<br />
width: 25%; }<br />
<br />
.medium-4 {<br />
width: 33.33333%; }<br />
<br />
.medium-5 {<br />
width: 41.66667%; }<br />
<br />
.medium-6 {<br />
width: 50%; }<br />
<br />
.medium-7 {<br />
width: 58.33333%; }<br />
<br />
.medium-8 {<br />
width: 66.66667%; }<br />
<br />
.medium-9 {<br />
width: 75%; }<br />
<br />
.medium-10 {<br />
width: 83.33333%; }<br />
<br />
.medium-11 {<br />
width: 91.66667%; }<br />
<br />
.medium-12 {<br />
width: 100%; }<br />
<br />
.medium-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.medium-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.medium-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.medium-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.medium-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.medium-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.medium-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.medium-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.medium-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.medium-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.medium-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.medium-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.medium-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.medium-centered,<br />
.columns.medium-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.medium-uncentered,<br />
.columns.medium-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.medium-centered:last-child,<br />
.columns.medium-centered:last-child {<br />
float: none; }<br />
<br />
.column.medium-uncentered:last-child,<br />
.columns.medium-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.medium-uncentered.opposite,<br />
.columns.medium-uncentered.opposite {<br />
float: right; }<br />
<br />
.push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; } }<br />
@media only screen and (min-width: 64.063em) {<br />
.large-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.large-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.large-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.large-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.large-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.large-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.large-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.large-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.large-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.large-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.large-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.large-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.large-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.large-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.large-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.large-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.large-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.large-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.large-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.large-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.large-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.large-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.large-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.large-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.large-1 {<br />
width: 8.33333%; }<br />
<br />
.large-2 {<br />
width: 16.66667%; }<br />
<br />
.large-3 {<br />
width: 25%; }<br />
<br />
.large-4 {<br />
width: 33.33333%; }<br />
<br />
.large-5 {<br />
width: 41.66667%; }<br />
<br />
.large-6 {<br />
width: 50%; }<br />
<br />
.large-7 {<br />
width: 58.33333%; }<br />
<br />
.large-8 {<br />
width: 66.66667%; }<br />
<br />
.large-9 {<br />
width: 75%; }<br />
<br />
.large-10 {<br />
width: 83.33333%; }<br />
<br />
.large-11 {<br />
width: 91.66667%; }<br />
<br />
.large-12 {<br />
width: 100%; }<br />
<br />
.large-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.large-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.large-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.large-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.large-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.large-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.large-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.large-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.large-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.large-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.large-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.large-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.large-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.large-centered,<br />
.columns.large-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.large-uncentered,<br />
.columns.large-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.large-centered:last-child,<br />
.columns.large-centered:last-child {<br />
float: none; }<br />
<br />
.column.large-uncentered:last-child,<br />
.columns.large-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.large-uncentered.opposite,<br />
.columns.large-uncentered.opposite {<br />
float: right; }<br />
<br />
.push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; } }<br />
.text-left {<br />
text-align: left !important; }<br />
<br />
.text-right {<br />
text-align: right !important; }<br />
<br />
.text-center {<br />
text-align: center !important; }<br />
<br />
.text-justify {<br />
text-align: justify !important; }<br />
<br />
@media only screen and (max-width: 40em) {<br />
.small-only-text-left {<br />
text-align: left !important; }<br />
<br />
.small-only-text-right {<br />
text-align: right !important; }<br />
<br />
.small-only-text-center {<br />
text-align: center !important; }<br />
<br />
.small-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen {<br />
.small-text-left {<br />
text-align: left !important; }<br />
<br />
.small-text-right {<br />
text-align: right !important; }<br />
<br />
.small-text-center {<br />
text-align: center !important; }<br />
<br />
.small-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 40.063em) and (max-width: 64em) {<br />
.medium-only-text-left {<br />
text-align: left !important; }<br />
<br />
.medium-only-text-right {<br />
text-align: right !important; }<br />
<br />
.medium-only-text-center {<br />
text-align: center !important; }<br />
<br />
.medium-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 40.063em) {<br />
.medium-text-left {<br />
text-align: left !important; }<br />
<br />
.medium-text-right {<br />
text-align: right !important; }<br />
<br />
.medium-text-center {<br />
text-align: center !important; }<br />
<br />
.medium-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 64.063em) and (max-width: 90em) {<br />
.large-only-text-left {<br />
text-align: left !important; }<br />
<br />
.large-only-text-right {<br />
text-align: right !important; }<br />
<br />
.large-only-text-center {<br />
text-align: center !important; }<br />
<br />
.large-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 64.063em) {<br />
.large-text-left {<br />
text-align: left !important; }<br />
<br />
.large-text-right {<br />
text-align: right !important; }<br />
<br />
.large-text-center {<br />
text-align: center !important; }<br />
<br />
.large-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 90.063em) and (max-width: 120em) {<br />
.xlarge-only-text-left {<br />
text-align: left !important; }<br />
<br />
.xlarge-only-text-right {<br />
text-align: right !important; }<br />
<br />
.xlarge-only-text-center {<br />
text-align: center !important; }<br />
<br />
.xlarge-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 90.063em) {<br />
.xlarge-text-left {<br />
text-align: left !important; }<br />
<br />
.xlarge-text-right {<br />
text-align: right !important; }<br />
<br />
.xlarge-text-center {<br />
text-align: center !important; }<br />
<br />
.xlarge-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {<br />
.xxlarge-only-text-left {<br />
text-align: left !important; }<br />
<br />
.xxlarge-only-text-right {<br />
text-align: right !important; }<br />
<br />
.xxlarge-only-text-center {<br />
text-align: center !important; }<br />
<br />
.xxlarge-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 120.063em) {<br />
.xxlarge-text-left {<br />
text-align: left !important; }<br />
<br />
.xxlarge-text-right {<br />
text-align: right !important; }<br />
<br />
.xxlarge-text-center {<br />
text-align: center !important; }<br />
<br />
.xxlarge-text-justify {<br />
text-align: justify !important; } }<br />
/* Typography resets */<br />
div,<br />
dl,<br />
dt,<br />
dd,<br />
ul,<br />
ol,<br />
li,<br />
h1,<br />
h2,<br />
h3,<br />
h4,<br />
h5,<br />
h6,<br />
h7,<br />
h0,<br />
pre,<br />
form,<br />
p,<br />
blockquote,<br />
th,<br />
td {<br />
margin: 0;<br />
padding: 0; }<br />
<br />
/* Default Link Styles */<br />
a {<br />
color: #000000;<br />
text-decoration: none;<br />
line-height: inherit; }<br />
<br />
<br />
a.one:hover { color: #eaea13; }<br />
a.two:hover { color: #fbb03b; }<br />
a.three:hover { color: #dbef20; }<br />
a.four:hover { color: #a2d650; }<br />
a.five:hover { color: #4fcc36; }<br />
a.six:hover { color: #22b573; }<br />
a.seven:hover { color: #39b54a; }<br />
a.eight:hover { color: #00a99d; }<br />
a.nine:hover { color: #18d3a2; }<br />
a.ten:hover { color: #b2ae22; }<br />
<br />
<br />
a img {<br />
border: none; }<br />
<br />
/* Default paragraph styles */<br />
p {<br />
font-family: inherit;<br />
font-weight: normal;<br />
font-size: 1rem;<br />
line-height: 1.6;<br />
margin-bottom: 1.25rem;<br />
text-rendering: optimizeLegibility; }<br />
p.lead {<br />
font-size: 1.21875rem;<br />
line-height: 1.6; }<br />
p aside {<br />
font-size: 0.875rem;<br />
line-height: 1.35;<br />
font-style: italic; }<br />
<br />
/* Default header styles */<br />
h0, h1, h2, h3, h4, h5, h6, h7 {<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
color: #000000;<br />
text-rendering: optimizeLegibility;<br />
margin-top: 0.2rem;<br />
margin-bottom: 0.5rem;<br />
line-height: 1.4; }<br />
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, h7 small {<br />
font-size: 60%;<br />
color: #6f6f6f;<br />
line-height: 0; }<br />
<br />
h0 {<br />
font-size: .7rem;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: justify; }<br />
<br />
h1 {<br />
font-size: 2.125rem; }<br />
<br />
h2 {<br />
/* font-size: 1.6875rem; */<br />
font-size: 1.0rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
<br />
}<br />
<br />
h3 {<br />
font-size: 1.375rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h4 {<br />
font-size: 1.125rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h5 {<br />
font-size: 1.125rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 10px; }<br />
<br />
h6 {<br />
font-size: .8rem;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: justify; }<br />
<br />
.boxedmenu {<br />
border-bottom: 2px solid green;<br />
border-top: 2px solid green;<br />
margin-bottom: 25px;<br />
}<br />
<br />
.boxedimg {<br />
border-bottom: 2px solid #218282;<br />
border-top: 2px solid #218282;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
}<br />
<br />
h7 {<br />
/* font-size: 1.6875rem; */<br />
font-size: 1.3rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
.subheader {<br />
line-height: 1.4;<br />
color: #6f6f6f;<br />
font-weight: normal;<br />
margin-top: 0.2rem;<br />
margin-bottom: 0.5rem; }<br />
<br />
hr {<br />
border: solid #dddddd;<br />
border-width: 1px 0 0;<br />
clear: both;<br />
margin: 1.25rem 0 1.1875rem;<br />
height: 0; }<br />
<br />
/* Helpful Typography Defaults */<br />
em,<br />
i {<br />
font-style: italic;<br />
line-height: inherit; }<br />
<br />
strong,<br />
b {<br />
font-weight: bold;<br />
line-height: inherit; }<br />
<br />
small {<br />
font-size: 60%;<br />
line-height: inherit; }<br />
<br />
code {<br />
font-family: Consolas, "Liberation Mono", Courier, monospace;<br />
font-weight: bold;<br />
color: #910b0e; }<br />
<br />
/* Lists */<br />
ul,<br />
ol,<br />
dl {<br />
font-size: 1rem;<br />
line-height: 1.6;<br />
margin-bottom: 1.25rem;<br />
list-style-position: outside;<br />
font-family: inherit; }<br />
<br />
ul {<br />
margin-left: 1.1rem; }<br />
ul.no-bullet {<br />
margin-left: 0; }<br />
ul.no-bullet li ul,<br />
ul.no-bullet li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0;<br />
list-style: none; }<br />
<br />
/* Unordered Lists */<br />
ul li ul,<br />
ul li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0; }<br />
ul.square li ul, ul.circle li ul, ul.disc li ul {<br />
list-style: inherit; }<br />
ul.square {<br />
list-style-type: square;<br />
margin-left: 1.1rem; }<br />
ul.circle {<br />
list-style-type: circle;<br />
margin-left: 1.1rem; }<br />
ul.disc {<br />
list-style-type: disc;<br />
margin-left: 1.1rem; }<br />
ul.no-bullet {<br />
list-style: none; }<br />
<br />
/* Ordered Lists */<br />
ol {<br />
margin-left: 1.4rem; }<br />
ol li ul,<br />
ol li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0; }<br />
<br />
/* Definition Lists */<br />
dl dt {<br />
margin-bottom: 0.3rem;<br />
font-weight: bold; }<br />
dl dd {<br />
margin-bottom: 0.75rem; }<br />
<br />
/* Abbreviations */<br />
abbr,<br />
acronym {<br />
text-transform: uppercase;<br />
font-size: 90%;<br />
color: #000000;<br />
border-bottom: 1px dotted #dddddd;<br />
cursor: help; }<br />
<br />
abbr {<br />
text-transform: none; }<br />
<br />
/* Blockquotes */<br />
blockquote {<br />
margin: 0 0 1.25rem;<br />
padding: 0.5625rem 1.25rem 0 1.1875rem;<br />
border-left: 1px solid #dddddd; }<br />
blockquote cite {<br />
display: block;<br />
font-size: 0.8125rem;<br />
color: #555555; }<br />
blockquote cite:before {<br />
content: "\2014 \0020"; }<br />
blockquote cite a,<br />
blockquote cite a:visited {<br />
color: #555555; }<br />
<br />
blockquote,<br />
blockquote p {<br />
line-height: 1.6;<br />
color: #6f6f6f; }<br />
<br />
/* Microformats */<br />
.vcard {<br />
display: inline-block;<br />
margin: 0 0 1.25rem 0;<br />
border: 1px solid #dddddd;<br />
padding: 0.625rem 0.75rem; }<br />
.vcard li {<br />
margin: 0;<br />
display: block; }<br />
.vcard .fn {<br />
font-weight: bold;<br />
font-size: 0.9375rem; }<br />
<br />
.vevent .summary {<br />
font-weight: bold; }<br />
.vevent abbr {<br />
cursor: default;<br />
text-decoration: none;<br />
font-weight: bold;<br />
border: none;<br />
padding: 0 0.0625rem; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
h0, h1, h2, h3, h4, h5, h6, h7 {<br />
line-height: 1.4; }<br />
<br />
h0 {<br />
font-size: .7rem;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: left; }<br />
<br />
h1 {<br />
font-size: 2.75rem; }<br />
<br />
h2 {<br />
/* font-size: 2.3125rem; */<br />
font-size: 1.3rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
h3 {<br />
font-size: 1.6875rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h4 {<br />
font-size: 1.4375rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h5 {<br />
font-size: 1.4375rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 10px; }<br />
<br />
h6 {<br />
font-size: 1rem;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: left; <br />
} <br />
<br />
h7 {<br />
/* font-size: 2.3125rem; */<br />
font-size: 1.3rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
}<br />
<br />
/* ====== CSS Added ======<br />
<br />
img{<br />
width: 80px;<br />
height: 80px;<br />
position: absolute;<br />
left: 0px;<br />
top:-6px;<br />
}<br />
<br />
====== CSS Added End ====== */<br />
<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
/*<br />
* Print styles.<br />
*<br />
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/<br />
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)<br />
*/<br />
.print-only {<br />
display: none !important; }<br />
<br />
@media print {<br />
* {<br />
background: transparent !important;<br />
color: black !important;<br />
/* Black prints faster: h5bp.com/s */<br />
box-shadow: none !important;<br />
text-shadow: none !important; }<br />
<br />
a,<br />
a:visited {<br />
text-decoration: underline; }<br />
<br />
a[href]:after {<br />
content: " (" attr(href) ")"; }<br />
<br />
abbr[title]:after {<br />
content: " (" attr(title) ")"; }<br />
<br />
.ir a:after,<br />
a[href^="javascript:"]:after,<br />
a[href^="#"]:after {<br />
content: ""; }<br />
<br />
pre,<br />
blockquote {<br />
border: 1px solid #999999;<br />
page-break-inside: avoid; }<br />
<br />
thead {<br />
display: table-header-group;<br />
/* h5bp.com/t */ }<br />
<br />
tr,<br />
img {<br />
page-break-inside: avoid; }<br />
<br />
img {<br />
max-width: 100% !important; }<br />
<br />
@page {<br />
margin: 0.5cm; }<br />
<br />
p,<br />
h2,<br />
h3 {<br />
orphans: 3;<br />
widows: 3; }<br />
<br />
h2,<br />
h3 {<br />
page-break-after: avoid; }<br />
<br />
.hide-on-print {<br />
display: none !important; }<br />
<br />
.print-only {<br />
display: block !important; }<br />
<br />
.hide-for-print {<br />
display: none !important; }<br />
<br />
.show-for-print {<br />
display: inherit !important; } }<br />
.reveal-modal-bg {<br />
position: fixed;<br />
height: 100%;<br />
width: 100%;<br />
background: black;<br />
background: rgba(0, 0, 0, 0.45);<br />
z-index: 99;<br />
display: none;<br />
top: 0;<br />
left: 0; }<br />
<br />
dialog, .reveal-modal {<br />
visibility: hidden;<br />
display: none;<br />
position: absolute;<br />
z-index: 100;<br />
width: 100vw;<br />
top: 0;<br />
left: 0;<br />
background-color: white;<br />
padding: 1.25rem;<br />
border: solid 1px #666666;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }<br />
@media only screen and (max-width: 40em) {<br />
dialog, .reveal-modal {<br />
min-height: 100vh; } }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
left: 50%; } }<br />
dialog .column,<br />
dialog .columns, .reveal-modal .column,<br />
.reveal-modal .columns {<br />
min-width: 0; }<br />
dialog > :first-child, .reveal-modal > :first-child {<br />
margin-top: 0; }<br />
dialog > :last-child, .reveal-modal > :last-child {<br />
margin-bottom: 0; }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
margin-left: -40%;<br />
width: 80%; } }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
top: 6.25rem; } }<br />
dialog .close-reveal-modal, .reveal-modal .close-reveal-modal {<br />
font-size: 2.5rem;<br />
line-height: 1;<br />
position: absolute;<br />
top: 0.5rem;<br />
right: 0.6875rem;<br />
color: #aaaaaa;<br />
font-weight: bold;<br />
cursor: pointer; }<br />
<br />
dialog[open] {<br />
display: block;<br />
visibility: visible; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
padding: 1.875rem; }<br />
dialog.radius, .reveal-modal.radius {<br />
border-radius: 3px; }<br />
dialog.round, .reveal-modal.round {<br />
border-radius: 1000px; }<br />
dialog.collapse, .reveal-modal.collapse {<br />
padding: 0; }<br />
dialog.full, .reveal-modal.full {<br />
top: 0;<br />
left: 0;<br />
height: 100vh;<br />
min-height: 100vh;<br />
margin-left: 0 !important; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.tiny, .reveal-modal.tiny {<br />
margin-left: -15%;<br />
width: 30%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.small, .reveal-modal.small {<br />
margin-left: -20%;<br />
width: 40%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.medium, .reveal-modal.medium {<br />
margin-left: -30%;<br />
width: 60%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.large, .reveal-modal.large {<br />
margin-left: -35%;<br />
width: 70%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.xlarge, .reveal-modal.xlarge {<br />
margin-left: -47.5%;<br />
width: 95%; } }<br />
<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.full, .reveal-modal.full {<br />
margin-left: -50vw;<br />
width: 100vw; } }<br />
<br />
@media print {<br />
dialog, .reveal-modal {<br />
background: white !important; } }<br />
button, .button {<br />
border-style: solid;<br />
border-width: 0px;<br />
cursor: pointer;<br />
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: normal;<br />
line-height: normal;<br />
margin: 0 0 1.25rem;<br />
position: relative;<br />
text-decoration: none;<br />
text-align: center;<br />
-webkit-appearance: none;<br />
-webkit-border-radius: 0;<br />
display: inline-block;<br />
padding-top: 1rem;<br />
padding-right: 2rem;<br />
padding-bottom: 1.0625rem;<br />
padding-left: 2rem;<br />
font-size: 1rem;<br />
background-color: #2ba6cb;<br />
border-color: #2285a2;<br />
color: white;<br />
transition: background-color 300ms ease-out; }<br />
button:hover, button:focus, .button:hover, .button:focus {<br />
background-color: #2285a2; }<br />
button:hover, button:focus, .button:hover, .button:focus {<br />
color: white; }<br />
button.secondary, .button.secondary {<br />
background-color: #e9e9e9;<br />
border-color: #2285a2;<br />
color: #333333; }<br />
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {<br />
background-color: #2285a2; }<br />
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {<br />
color: #333333; }<br />
button.success, .button.success {<br />
background-color: #5da423;<br />
border-color: #2285a2;<br />
color: white; }<br />
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {<br />
background-color: #2285a2; }<br />
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {<br />
color: white; }<br />
button.alert, .button.alert {<br />
background-color: #c60f13;<br />
border-color: #2285a2;<br />
color: white; }<br />
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {<br />
background-color: #2285a2; }<br />
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {<br />
color: white; }<br />
button.large, .button.large {<br />
padding-top: 1.125rem;<br />
padding-right: 2.25rem;<br />
padding-bottom: 1.1875rem;<br />
padding-left: 2.25rem;<br />
font-size: 1.25rem; }<br />
button.small, .button.small {<br />
padding-top: 0.875rem;<br />
padding-right: 1.75rem;<br />
padding-bottom: 0.9375rem;<br />
padding-left: 1.75rem;<br />
font-size: 0.8125rem; }<br />
button.tiny, .button.tiny {<br />
padding-top: 0.625rem;<br />
padding-right: 1.25rem;<br />
padding-bottom: 0.6875rem;<br />
padding-left: 1.25rem;<br />
font-size: 0.6875rem; }<br />
button.expand, .button.expand {<br />
padding-right: 0;<br />
padding-left: 0;<br />
width: 100%; }<br />
button.left-align, .button.left-align {<br />
text-align: left;<br />
text-indent: 0.75rem; }<br />
button.right-align, .button.right-align {<br />
text-align: right;<br />
padding-right: 0.75rem; }<br />
button.radius, .button.radius {<br />
border-radius: 3px; }<br />
button.round, .button.round {<br />
border-radius: 1000px; }<br />
button.disabled, button[disabled], .button.disabled, .button[disabled] {<br />
background-color: #2ba6cb;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
background-color: #2285a2; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
color: white; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
background-color: #2ba6cb; }<br />
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {<br />
background-color: #e9e9e9;<br />
border-color: #2285a2;<br />
color: #333333;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
background-color: #2285a2; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
color: #333333; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
background-color: #e9e9e9; }<br />
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {<br />
background-color: #5da423;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
background-color: #2285a2; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
color: white; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
background-color: #5da423; }<br />
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {<br />
background-color: #c60f13;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
background-color: #2285a2; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
color: white; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
background-color: #c60f13; }<br />
<br />
button::-moz-focus-inner {<br />
border: 0;<br />
padding: 0; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
button, .button {<br />
display: inline-block; } }<br />
<br />
/* ====== Remove MediaWiki Look ====== */<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
<br />
/* Redesigning the topmenu */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;<br />
z-index: 1000;}<br />
#menubar {<br />
color: #000000;<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
line-height: 1;<br />
top: 9px;<br />
z-index: 2000;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: #cccccc;}<br />
#menubar:hover li a {<br />
color: #cccccc;}<br />
.left-menu .noprint ul li .new a {<br />
text-decoration: none;<br />
}<br />
a:hover, a:visited, a:link, a:active<br />
{<br />
text-decoration: none;<br />
}<br />
a:visited {<br />
color: black;<br />
}</div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/stylesheet
Team:StanfordBrownSpelman/stylesheet
2014-10-17T00:24:25Z
<p>Angelofspeed: </p>
<hr />
<div>/* ====== CSS Added ====== */<br />
<br />
::selection {<br />
background: #cccccc; /* WebKit/Blink Browsers */<br />
}<br />
::-moz-selection {<br />
background: #cccccc; /* Gecko Browsers */<br />
}<br />
<br />
/*<br />
#roof, #bottom, #left, #right {<br />
position: fixed;<br />
}<br />
#left, #right {<br />
z-index: 3000;<br />
top: 0; bottom: 0;<br />
width: 10px;<br />
}<br />
#left { left: 0; background: #000000 }<br />
#right { right: 0; background: #000000 }<br />
<br />
#roof, #bottom {<br />
z-index: 3000;<br />
left: 0; right: 0;<br />
height: 10px;<br />
}<br />
#roof { top: 0; background: #000000 }<br />
#bottom { bottom: 0; background: #000000 }<br />
*/<br />
<br />
<br />
.circle {<br />
box-shadow: inset 0px 0px 60px #ffffff;<br />
<br />
background-color: #f9f4f2;<br />
z-index: -100;<br />
border-radius: 50%;<br />
width: 480px;<br />
height: 480px;<br />
position: relative;<br />
left: 50%;<br />
top: 50%;<br />
<br />
/*<br />
* Where the magic happens<br />
* Centering method from CSS Tricks<br />
* http://css-tricks.com/centering-percentage-widthheight-elements/<br />
*/<br />
transform: translate(-50%, -50%);<br />
-webkit-transform: translate(-50%, -50%);<br />
-o-transform: translate(-50%, -50%);<br />
-ms-transform: translate(-50%, -50%);<br />
}<br />
<br />
.title {<br />
width:100%;<br />
text-align:center;<br />
margin:auto;<br />
position:absolute;<br />
top:18px;<br />
z-index:2000;<br />
}<br />
.wiki {<br />
position:fixed;<br />
top:18px;<br />
right:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.projects {<br />
position:fixed;<br />
top:18px;<br />
left:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.team {<br />
position:fixed;<br />
bottom:10px;<br />
left:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.contact {<br />
position:fixed;<br />
bottom: 10px;<br />
right:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
<br />
/* FOR BIO D PAGE */<br />
/***************************/<br />
<br />
.fitAll {<br />
height: 200px;<br />
max-width:300px;<br />
margin-bottom: 20px;<br />
}<br />
<br />
.fitAll2 {<br />
height: 200px;<br />
max-width:300px;<br />
margin-bottom: 20px;<br />
margin-top: 3px;<br />
}<br />
<br />
.reduceSize {<br />
height: 250px;<br />
margin-right: 30px;<br />
margin-left: 30px;<br />
margin-bottom: 20px;<br />
}<br />
/***************************/<br />
#iGEMimagelogomain img {<br />
width: 50px;<br />
}<br />
<br />
<br />
/* ====== SPLASH ====== */<br />
<br />
#globalWrapper {<br />
background-size: cover;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
}<br />
<br />
#landing {<br />
width: 100%;<br />
height: 700px;<br />
background-image: url("https://static.igem.org/mediawiki/2014/7/71/SBSiGEM_Drone_Map_1.png");<br />
background-size: cover;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
z-index: 6000;<br />
position: relative;<br />
overflow: hidden;<br />
text-align: center;<br />
}<br />
<br />
#title{<br />
font-size: 64pt;<br />
line-height: 70pt;<br />
color: black;<br />
font-family: 'Montserrat', Futura, Arial, sans-serif;<br />
text-shadow: 6px 6px 12px rgba(0,0,0, .25);<br />
opacity:0.95;<br />
}<br />
<br />
#name {<br />
position: absolute;<br />
left: 50%;<br />
top: 50%;<br />
<br />
/*<br />
* Where the magic happens<br />
* Centering method from CSS Tricks<br />
* http://css-tricks.com/centering-percentage-widthheight-elements/<br />
*/<br />
transform: translate(-50%, -50%);<br />
-webkit-transform: translate(-50%, -50%);<br />
-o-transform: translate(-50%, -50%);<br />
-ms-transform: translate(-50%, -50%);<br />
}<br />
<br />
<br />
/* ====== Remainder ====== */<br />
<br />
nav {<br />
position: fixed;<br />
left: 0;<br />
right: 0;<br />
top: 0;<br />
z-index: 10000;<br />
font-size: 12pt;<br />
<br />
height: 45px;<br />
}<br />
<br />
nav .links {<br />
float: left;<br />
padding: 10px;<br />
}<br />
nav .links:hover{<br />
opacity: .6;<br />
}<br />
<br />
nav .links:active{<br />
background-color: transparent;<br />
}<br />
<br />
#about{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#about img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 50px;<br />
}<br />
<br />
#about .sub{<br />
padding-left: 110px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
#bioBrick{<br />
margin-top: 10px;<br />
margin-bottom: 10px;<br />
}<br />
<br />
#bioBrick img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 25px;<br />
}<br />
<br />
#bioBrick .sub{<br />
padding-left: 85px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
#bioBrickFinal{<br />
margin-top: 10px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#bioBrickFinal img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 25px;<br />
}<br />
<br />
#bioBrickFinal .sub{<br />
padding-left: 85px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
.projecticon-bio-bricks{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
#work{<br />
margin-top: 30px;<br />
}<br />
<br />
#work img{<br />
width: 115px;<br />
height: 115px;<br />
position: absolute;<br />
left: 0px;<br />
top:-6px;<br />
}<br />
<br />
#work .sub2{<br />
left: 90px;<br />
padding-left: 140px;<br />
position: relative;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#work .sub3{<br />
left: 0px;<br />
padding-left: 140px;<br />
position: relative;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#thanks{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#connect{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#connect img{<br />
width: 70px;<br />
height: 70px;<br />
position: relative;<br />
left: 0px;<br />
top: 0px;<br />
}<br />
<br />
#mobile1{<br />
margin-top: 10px;<br />
margin-bottom: 8px;<br />
}<br />
<br />
#mobile2{<br />
margin-top: 20px;<br />
margin-bottom: 20px;<br />
}<br />
<br />
#mobile2 img{<br />
width: 40px;<br />
height: 40px;<br />
position: relative;<br />
left: 0px;<br />
top: 0px;<br />
}<br />
<br />
div#closing a.external <br />
{<br />
background:none !important;<br />
padding: 0px !important;<br />
}<br />
<br />
#closing h6{<br />
margin-top: 30px;<br />
margin-bottom: 0px;<br />
padding-bottom: 20px; <br />
font-size: 8pt; <br />
color: #cccccc;<br />
}<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
#teamNoodle {<br />
}<br />
<br />
.placeholder{<br />
width:100%;<br />
max-width:800px;<br />
height:20px;<br />
background-image: white);<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 20px;<br />
}<br />
<br />
.placeholder2{<br />
width:100%;<br />
max-width:800px;<br />
height:30px;<br />
background-image: white);<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 20px;<br />
}<br />
<br />
.cells{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_cells.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells2{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/6/6a/SBS_iGEM_2014_cells2.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells3{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/9/99/SBS_iGEM_2014_cells3.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells4{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/8/81/SBS_iGEM_2014_cells4.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells5{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/e/ee/SBS_iGEM_2014_cells5.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells6{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/8/81/SBS_iGEM_2014_cells6.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells7{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/e/e2/SBS_iGEM_2014_cells7.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells8{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/4/49/SBS_iGEM_2014_cells8.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
/* ====== CSS for Sub-Pages ====== */<br />
<br />
.projecticon-cellulose-acetate{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
display:block;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-cellulose-acetate img{<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto;<br />
width: 162px;<br />
height: 162px;<br />
float: top;<br />
}<br />
<br />
.projecticon-hell-cell{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-waterproofing{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-biodegradation{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-human-practices{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-drone{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/d/dd/SBS_iGEM_2014_drone_icon.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-meet-team{<br />
width:130%;<br />
max-width:800px;<br />
height:573.89px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/c/c8/FullTeamPic.jpg");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:800px;<br />
margin-top: 10px;<br />
margin-bottom: 10px;<br />
}<br />
<br />
#header{<br />
margin-top: 10px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#photo{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#subheader{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#subheader .sub4{<br />
padding-left: 130px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader .subindent{<br />
padding-left: 50px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader img{<br />
width: 70px;<br />
height: 70px;<br />
top: -2px;<br />
position: absolute;<br />
left: 50px;<br />
}<br />
<br />
#subheader .sub5{<br />
padding-left: 55px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader .sub6{<br />
padding-left: 55px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
font-family:'Inconsolata', Helvetica, Arial, sans-serif;<br />
font-size: 13px;<br />
line-height: 8px;<br />
}<br />
<br />
#images{<br />
}<br />
<br />
#results{<br />
}<br />
<br />
#process{<br />
}<br />
<br />
#references{<br />
}<br />
<br />
<br />
/* ====== CSS Added Over ====== */<br />
<br />
<br />
<br />
<br />
<br />
<br />
meta.foundation-version {<br />
font-family: "/5.3.1/"; }<br />
<br />
meta.foundation-mq-small {<br />
font-family: "/only screen/";<br />
width: 0em; }<br />
<br />
meta.foundation-mq-medium {<br />
font-family: "/only screen and (min-width:40.063em)/";<br />
width: 40.063em; }<br />
<br />
meta.foundation-mq-large {<br />
font-family: "/only screen and (min-width:64.063em)/";<br />
width: 64.063em; }<br />
<br />
meta.foundation-mq-xlarge {<br />
font-family: "/only screen and (min-width:90.063em)/";<br />
width: 90.063em; }<br />
<br />
meta.foundation-mq-xxlarge {<br />
font-family: "/only screen and (min-width:120.063em)/";<br />
width: 120.063em; }<br />
<br />
meta.foundation-data-attribute-namespace {<br />
font-family: false; }<br />
<br />
html, body {<br />
height: 100%;<br />
}<br />
<br />
*,<br />
*:before,<br />
*:after {<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box; }<br />
<br />
html,<br />
body {<br />
font-size: 100%; }<br />
<br />
body {<br />
background: #ffffff;<br />
color: #00000;<br />
padding: 0;<br />
margin: 0;<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
line-height: 1;<br />
position: relative;<br />
/* cursor: url('../images/drone_cursor.png'), default; */<br />
cursor: default; }<br />
<br />
img {<br />
max-width: 100%;<br />
height: auto;<br />
margin-bottom: 4px; }<br />
<br />
/* IMAGE BOTTOM MARGIN MAY CAUSE PROBLEMS */<br />
<br />
img {<br />
-ms-interpolation-mode: bicubic; }<br />
<br />
#map_canvas img,<br />
#map_canvas embed,<br />
#map_canvas object,<br />
.map_canvas img,<br />
.map_canvas embed,<br />
.map_canvas object {<br />
max-width: none !important; }<br />
<br />
.left {<br />
float: left !important; }<br />
<br />
.right {<br />
float: right !important; }<br />
<br />
.clearfix:before, .clearfix:after {<br />
content: " ";<br />
display: table; }<br />
.clearfix:after {<br />
clear: both; }<br />
<br />
.hide {<br />
display: none; }<br />
<br />
.antialiased {<br />
-webkit-font-smoothing: antialiased;<br />
-moz-osx-font-smoothing: grayscale; }<br />
<br />
img {<br />
display: inline-block;<br />
vertical-align: middle; }<br />
<br />
textarea {<br />
height: auto;<br />
min-height: 50px; }<br />
<br />
select {<br />
width: 100%; }<br />
<br />
.introText {<br />
text-indent: 50px;<br />
} <br />
<br />
.row {<br />
width: 100%;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
max-width: 62.5em; }<br />
.row:before, .row:after {<br />
content: " ";<br />
display: table; }<br />
.row:after {<br />
clear: both; }<br />
.row.collapse > .column,<br />
.row.collapse > .columns {<br />
padding-left: 0;<br />
padding-right: 0; }<br />
.row.collapse .row {<br />
margin-left: 0;<br />
margin-right: 0; }<br />
.row .row {<br />
width: auto;<br />
margin-left: -0.9375em;<br />
margin-right: -0.9375em;<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
max-width: none; }<br />
.row .row:before, .row .row:after {<br />
content: " ";<br />
display: table; }<br />
.row .row:after {<br />
clear: both; }<br />
.row .row.collapse {<br />
width: auto;<br />
margin: 0;<br />
max-width: none; }<br />
.row .row.collapse:before, .row .row.collapse:after {<br />
content: " ";<br />
display: table; }<br />
.row .row.collapse:after {<br />
clear: both; }<br />
<br />
.column,<br />
.columns {<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
width: 100%;<br />
float: left; }<br />
<br />
[class*="column"] + [class*="column"]:last-child {<br />
float: right; }<br />
<br />
[class*="column"] + [class*="column"].end {<br />
float: left; }<br />
<br />
@media only screen {<br />
.small-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.small-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.small-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.small-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.small-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.small-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.small-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.small-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.small-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.small-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.small-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.small-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.small-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.small-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.small-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.small-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.small-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.small-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.small-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.small-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.small-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.small-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.small-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.small-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.small-1 {<br />
width: 8.33333%; }<br />
<br />
.small-2 {<br />
width: 16.66667%; }<br />
<br />
.small-3 {<br />
width: 25%; }<br />
<br />
.small-4 {<br />
width: 33.33333%; }<br />
<br />
.small-5 {<br />
width: 41.66667%; }<br />
<br />
.small-6 {<br />
width: 50%; }<br />
<br />
.small-7 {<br />
width: 58.33333%; }<br />
<br />
.small-8 {<br />
width: 66.66667%; }<br />
<br />
.small-9 {<br />
width: 75%; }<br />
<br />
.small-10 {<br />
width: 83.33333%; }<br />
<br />
.small-11 {<br />
width: 88%; }<br />
<br />
.small-12 {<br />
width: 100%; }<br />
<br />
.small-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.small-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.small-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.small-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.small-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.small-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.small-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.small-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.small-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.small-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.small-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.small-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.small-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.small-centered,<br />
.columns.small-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.small-uncentered,<br />
.columns.small-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.small-centered:last-child,<br />
.columns.small-centered:last-child {<br />
float: none; }<br />
<br />
.column.small-uncentered:last-child,<br />
.columns.small-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.small-uncentered.opposite,<br />
.columns.small-uncentered.opposite {<br />
float: right; } }<br />
@media only screen and (min-width: 40.063em) {<br />
.medium-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.medium-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.medium-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.medium-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.medium-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.medium-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.medium-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.medium-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.medium-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.medium-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.medium-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.medium-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.medium-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.medium-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.medium-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.medium-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.medium-1 {<br />
width: 8.33333%; }<br />
<br />
.medium-2 {<br />
width: 16.66667%; }<br />
<br />
.medium-3 {<br />
width: 25%; }<br />
<br />
.medium-4 {<br />
width: 33.33333%; }<br />
<br />
.medium-5 {<br />
width: 41.66667%; }<br />
<br />
.medium-6 {<br />
width: 50%; }<br />
<br />
.medium-7 {<br />
width: 58.33333%; }<br />
<br />
.medium-8 {<br />
width: 66.66667%; }<br />
<br />
.medium-9 {<br />
width: 75%; }<br />
<br />
.medium-10 {<br />
width: 83.33333%; }<br />
<br />
.medium-11 {<br />
width: 91.66667%; }<br />
<br />
.medium-12 {<br />
width: 100%; }<br />
<br />
.medium-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.medium-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.medium-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.medium-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.medium-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.medium-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.medium-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.medium-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.medium-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.medium-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.medium-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.medium-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.medium-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.medium-centered,<br />
.columns.medium-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.medium-uncentered,<br />
.columns.medium-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.medium-centered:last-child,<br />
.columns.medium-centered:last-child {<br />
float: none; }<br />
<br />
.column.medium-uncentered:last-child,<br />
.columns.medium-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.medium-uncentered.opposite,<br />
.columns.medium-uncentered.opposite {<br />
float: right; }<br />
<br />
.push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; } }<br />
@media only screen and (min-width: 64.063em) {<br />
.large-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.large-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.large-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.large-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.large-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.large-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.large-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.large-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.large-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.large-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.large-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.large-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.large-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.large-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.large-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.large-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.large-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.large-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.large-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.large-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.large-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.large-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.large-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.large-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.large-1 {<br />
width: 8.33333%; }<br />
<br />
.large-2 {<br />
width: 16.66667%; }<br />
<br />
.large-3 {<br />
width: 25%; }<br />
<br />
.large-4 {<br />
width: 33.33333%; }<br />
<br />
.large-5 {<br />
width: 41.66667%; }<br />
<br />
.large-6 {<br />
width: 50%; }<br />
<br />
.large-7 {<br />
width: 58.33333%; }<br />
<br />
.large-8 {<br />
width: 66.66667%; }<br />
<br />
.large-9 {<br />
width: 75%; }<br />
<br />
.large-10 {<br />
width: 83.33333%; }<br />
<br />
.large-11 {<br />
width: 91.66667%; }<br />
<br />
.large-12 {<br />
width: 100%; }<br />
<br />
.large-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.large-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.large-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.large-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.large-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.large-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.large-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.large-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.large-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.large-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.large-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.large-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.large-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.large-centered,<br />
.columns.large-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.large-uncentered,<br />
.columns.large-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.large-centered:last-child,<br />
.columns.large-centered:last-child {<br />
float: none; }<br />
<br />
.column.large-uncentered:last-child,<br />
.columns.large-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.large-uncentered.opposite,<br />
.columns.large-uncentered.opposite {<br />
float: right; }<br />
<br />
.push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; } }<br />
.text-left {<br />
text-align: left !important; }<br />
<br />
.text-right {<br />
text-align: right !important; }<br />
<br />
.text-center {<br />
text-align: center !important; }<br />
<br />
.text-justify {<br />
text-align: justify !important; }<br />
<br />
@media only screen and (max-width: 40em) {<br />
.small-only-text-left {<br />
text-align: left !important; }<br />
<br />
.small-only-text-right {<br />
text-align: right !important; }<br />
<br />
.small-only-text-center {<br />
text-align: center !important; }<br />
<br />
.small-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen {<br />
.small-text-left {<br />
text-align: left !important; }<br />
<br />
.small-text-right {<br />
text-align: right !important; }<br />
<br />
.small-text-center {<br />
text-align: center !important; }<br />
<br />
.small-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 40.063em) and (max-width: 64em) {<br />
.medium-only-text-left {<br />
text-align: left !important; }<br />
<br />
.medium-only-text-right {<br />
text-align: right !important; }<br />
<br />
.medium-only-text-center {<br />
text-align: center !important; }<br />
<br />
.medium-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 40.063em) {<br />
.medium-text-left {<br />
text-align: left !important; }<br />
<br />
.medium-text-right {<br />
text-align: right !important; }<br />
<br />
.medium-text-center {<br />
text-align: center !important; }<br />
<br />
.medium-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 64.063em) and (max-width: 90em) {<br />
.large-only-text-left {<br />
text-align: left !important; }<br />
<br />
.large-only-text-right {<br />
text-align: right !important; }<br />
<br />
.large-only-text-center {<br />
text-align: center !important; }<br />
<br />
.large-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 64.063em) {<br />
.large-text-left {<br />
text-align: left !important; }<br />
<br />
.large-text-right {<br />
text-align: right !important; }<br />
<br />
.large-text-center {<br />
text-align: center !important; }<br />
<br />
.large-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 90.063em) and (max-width: 120em) {<br />
.xlarge-only-text-left {<br />
text-align: left !important; }<br />
<br />
.xlarge-only-text-right {<br />
text-align: right !important; }<br />
<br />
.xlarge-only-text-center {<br />
text-align: center !important; }<br />
<br />
.xlarge-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 90.063em) {<br />
.xlarge-text-left {<br />
text-align: left !important; }<br />
<br />
.xlarge-text-right {<br />
text-align: right !important; }<br />
<br />
.xlarge-text-center {<br />
text-align: center !important; }<br />
<br />
.xlarge-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {<br />
.xxlarge-only-text-left {<br />
text-align: left !important; }<br />
<br />
.xxlarge-only-text-right {<br />
text-align: right !important; }<br />
<br />
.xxlarge-only-text-center {<br />
text-align: center !important; }<br />
<br />
.xxlarge-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 120.063em) {<br />
.xxlarge-text-left {<br />
text-align: left !important; }<br />
<br />
.xxlarge-text-right {<br />
text-align: right !important; }<br />
<br />
.xxlarge-text-center {<br />
text-align: center !important; }<br />
<br />
.xxlarge-text-justify {<br />
text-align: justify !important; } }<br />
/* Typography resets */<br />
div,<br />
dl,<br />
dt,<br />
dd,<br />
ul,<br />
ol,<br />
li,<br />
h1,<br />
h2,<br />
h3,<br />
h4,<br />
h5,<br />
h6,<br />
h7,<br />
h0,<br />
pre,<br />
form,<br />
p,<br />
blockquote,<br />
th,<br />
td {<br />
margin: 0;<br />
padding: 0; }<br />
<br />
/* Default Link Styles */<br />
a {<br />
color: #000000;<br />
text-decoration: none;<br />
line-height: inherit; }<br />
<br />
<br />
a.one:hover { color: #eaea13; }<br />
a.two:hover { color: #fbb03b; }<br />
a.three:hover { color: #dbef20; }<br />
a.four:hover { color: #a2d650; }<br />
a.five:hover { color: #4fcc36; }<br />
a.six:hover { color: #22b573; }<br />
a.seven:hover { color: #39b54a; }<br />
a.eight:hover { color: #00a99d; }<br />
a.nine:hover { color: #18d3a2; }<br />
a.ten:hover { color: #b2ae22; }<br />
<br />
<br />
a img {<br />
border: none; }<br />
<br />
/* Default paragraph styles */<br />
p {<br />
font-family: inherit;<br />
font-weight: normal;<br />
font-size: 1rem;<br />
line-height: 1.6;<br />
margin-bottom: 1.25rem;<br />
text-rendering: optimizeLegibility; }<br />
p.lead {<br />
font-size: 1.21875rem;<br />
line-height: 1.6; }<br />
p aside {<br />
font-size: 0.875rem;<br />
line-height: 1.35;<br />
font-style: italic; }<br />
<br />
/* Default header styles */<br />
h0, h1, h2, h3, h4, h5, h6, h7 {<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
color: #000000;<br />
text-rendering: optimizeLegibility;<br />
margin-top: 0.2rem;<br />
margin-bottom: 0.5rem;<br />
line-height: 1.4; }<br />
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, h7 small {<br />
font-size: 60%;<br />
color: #6f6f6f;<br />
line-height: 0; }<br />
<br />
h0 {<br />
font-size: .7rem;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: justify; }<br />
<br />
h1 {<br />
font-size: 2.125rem; }<br />
<br />
h2 {<br />
/* font-size: 1.6875rem; */<br />
font-size: 1.0rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
<br />
}<br />
<br />
h3 {<br />
font-size: 1.375rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h4 {<br />
font-size: 1.125rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h5 {<br />
font-size: 1.125rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 10px; }<br />
<br />
h6 {<br />
font-size: .8rem;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: justify; }<br />
<br />
.boxedmenu {<br />
border-bottom: 2px solid green;<br />
border-top: 2px solid green;<br />
margin-bottom: 25px;<br />
}<br />
<br />
.boxedimg {<br />
border-bottom: 2px solid #218282;<br />
border-top: 2px solid #218282;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
}<br />
<br />
h7 {<br />
/* font-size: 1.6875rem; */<br />
font-size: 1.3rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
.subheader {<br />
line-height: 1.4;<br />
color: #6f6f6f;<br />
font-weight: normal;<br />
margin-top: 0.2rem;<br />
margin-bottom: 0.5rem; }<br />
<br />
hr {<br />
border: solid #dddddd;<br />
border-width: 1px 0 0;<br />
clear: both;<br />
margin: 1.25rem 0 1.1875rem;<br />
height: 0; }<br />
<br />
/* Helpful Typography Defaults */<br />
em,<br />
i {<br />
font-style: italic;<br />
line-height: inherit; }<br />
<br />
strong,<br />
b {<br />
font-weight: bold;<br />
line-height: inherit; }<br />
<br />
small {<br />
font-size: 60%;<br />
line-height: inherit; }<br />
<br />
code {<br />
font-family: Consolas, "Liberation Mono", Courier, monospace;<br />
font-weight: bold;<br />
color: #910b0e; }<br />
<br />
/* Lists */<br />
ul,<br />
ol,<br />
dl {<br />
font-size: 1rem;<br />
line-height: 1.6;<br />
margin-bottom: 1.25rem;<br />
list-style-position: outside;<br />
font-family: inherit; }<br />
<br />
ul {<br />
margin-left: 1.1rem; }<br />
ul.no-bullet {<br />
margin-left: 0; }<br />
ul.no-bullet li ul,<br />
ul.no-bullet li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0;<br />
list-style: none; }<br />
<br />
/* Unordered Lists */<br />
ul li ul,<br />
ul li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0; }<br />
ul.square li ul, ul.circle li ul, ul.disc li ul {<br />
list-style: inherit; }<br />
ul.square {<br />
list-style-type: square;<br />
margin-left: 1.1rem; }<br />
ul.circle {<br />
list-style-type: circle;<br />
margin-left: 1.1rem; }<br />
ul.disc {<br />
list-style-type: disc;<br />
margin-left: 1.1rem; }<br />
ul.no-bullet {<br />
list-style: none; }<br />
<br />
/* Ordered Lists */<br />
ol {<br />
margin-left: 1.4rem; }<br />
ol li ul,<br />
ol li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0; }<br />
<br />
/* Definition Lists */<br />
dl dt {<br />
margin-bottom: 0.3rem;<br />
font-weight: bold; }<br />
dl dd {<br />
margin-bottom: 0.75rem; }<br />
<br />
/* Abbreviations */<br />
abbr,<br />
acronym {<br />
text-transform: uppercase;<br />
font-size: 90%;<br />
color: #000000;<br />
border-bottom: 1px dotted #dddddd;<br />
cursor: help; }<br />
<br />
abbr {<br />
text-transform: none; }<br />
<br />
/* Blockquotes */<br />
blockquote {<br />
margin: 0 0 1.25rem;<br />
padding: 0.5625rem 1.25rem 0 1.1875rem;<br />
border-left: 1px solid #dddddd; }<br />
blockquote cite {<br />
display: block;<br />
font-size: 0.8125rem;<br />
color: #555555; }<br />
blockquote cite:before {<br />
content: "\2014 \0020"; }<br />
blockquote cite a,<br />
blockquote cite a:visited {<br />
color: #555555; }<br />
<br />
blockquote,<br />
blockquote p {<br />
line-height: 1.6;<br />
color: #6f6f6f; }<br />
<br />
/* Microformats */<br />
.vcard {<br />
display: inline-block;<br />
margin: 0 0 1.25rem 0;<br />
border: 1px solid #dddddd;<br />
padding: 0.625rem 0.75rem; }<br />
.vcard li {<br />
margin: 0;<br />
display: block; }<br />
.vcard .fn {<br />
font-weight: bold;<br />
font-size: 0.9375rem; }<br />
<br />
.vevent .summary {<br />
font-weight: bold; }<br />
.vevent abbr {<br />
cursor: default;<br />
text-decoration: none;<br />
font-weight: bold;<br />
border: none;<br />
padding: 0 0.0625rem; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
h0, h1, h2, h3, h4, h5, h6, h7 {<br />
line-height: 1.4; }<br />
<br />
h0 {<br />
font-size: .7rem;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: left; }<br />
<br />
h1 {<br />
font-size: 2.75rem; }<br />
<br />
h2 {<br />
/* font-size: 2.3125rem; */<br />
font-size: 1.3rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
h3 {<br />
font-size: 1.6875rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h4 {<br />
font-size: 1.4375rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h5 {<br />
font-size: 1.4375rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 10px; }<br />
<br />
h6 {<br />
font-size: 1rem;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: left; <br />
} <br />
<br />
h7 {<br />
/* font-size: 2.3125rem; */<br />
font-size: 1.0rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
}<br />
<br />
/* ====== CSS Added ======<br />
<br />
img{<br />
width: 80px;<br />
height: 80px;<br />
position: absolute;<br />
left: 0px;<br />
top:-6px;<br />
}<br />
<br />
====== CSS Added End ====== */<br />
<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
/*<br />
* Print styles.<br />
*<br />
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/<br />
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)<br />
*/<br />
.print-only {<br />
display: none !important; }<br />
<br />
@media print {<br />
* {<br />
background: transparent !important;<br />
color: black !important;<br />
/* Black prints faster: h5bp.com/s */<br />
box-shadow: none !important;<br />
text-shadow: none !important; }<br />
<br />
a,<br />
a:visited {<br />
text-decoration: underline; }<br />
<br />
a[href]:after {<br />
content: " (" attr(href) ")"; }<br />
<br />
abbr[title]:after {<br />
content: " (" attr(title) ")"; }<br />
<br />
.ir a:after,<br />
a[href^="javascript:"]:after,<br />
a[href^="#"]:after {<br />
content: ""; }<br />
<br />
pre,<br />
blockquote {<br />
border: 1px solid #999999;<br />
page-break-inside: avoid; }<br />
<br />
thead {<br />
display: table-header-group;<br />
/* h5bp.com/t */ }<br />
<br />
tr,<br />
img {<br />
page-break-inside: avoid; }<br />
<br />
img {<br />
max-width: 100% !important; }<br />
<br />
@page {<br />
margin: 0.5cm; }<br />
<br />
p,<br />
h2,<br />
h3 {<br />
orphans: 3;<br />
widows: 3; }<br />
<br />
h2,<br />
h3 {<br />
page-break-after: avoid; }<br />
<br />
.hide-on-print {<br />
display: none !important; }<br />
<br />
.print-only {<br />
display: block !important; }<br />
<br />
.hide-for-print {<br />
display: none !important; }<br />
<br />
.show-for-print {<br />
display: inherit !important; } }<br />
.reveal-modal-bg {<br />
position: fixed;<br />
height: 100%;<br />
width: 100%;<br />
background: black;<br />
background: rgba(0, 0, 0, 0.45);<br />
z-index: 99;<br />
display: none;<br />
top: 0;<br />
left: 0; }<br />
<br />
dialog, .reveal-modal {<br />
visibility: hidden;<br />
display: none;<br />
position: absolute;<br />
z-index: 100;<br />
width: 100vw;<br />
top: 0;<br />
left: 0;<br />
background-color: white;<br />
padding: 1.25rem;<br />
border: solid 1px #666666;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }<br />
@media only screen and (max-width: 40em) {<br />
dialog, .reveal-modal {<br />
min-height: 100vh; } }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
left: 50%; } }<br />
dialog .column,<br />
dialog .columns, .reveal-modal .column,<br />
.reveal-modal .columns {<br />
min-width: 0; }<br />
dialog > :first-child, .reveal-modal > :first-child {<br />
margin-top: 0; }<br />
dialog > :last-child, .reveal-modal > :last-child {<br />
margin-bottom: 0; }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
margin-left: -40%;<br />
width: 80%; } }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
top: 6.25rem; } }<br />
dialog .close-reveal-modal, .reveal-modal .close-reveal-modal {<br />
font-size: 2.5rem;<br />
line-height: 1;<br />
position: absolute;<br />
top: 0.5rem;<br />
right: 0.6875rem;<br />
color: #aaaaaa;<br />
font-weight: bold;<br />
cursor: pointer; }<br />
<br />
dialog[open] {<br />
display: block;<br />
visibility: visible; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
padding: 1.875rem; }<br />
dialog.radius, .reveal-modal.radius {<br />
border-radius: 3px; }<br />
dialog.round, .reveal-modal.round {<br />
border-radius: 1000px; }<br />
dialog.collapse, .reveal-modal.collapse {<br />
padding: 0; }<br />
dialog.full, .reveal-modal.full {<br />
top: 0;<br />
left: 0;<br />
height: 100vh;<br />
min-height: 100vh;<br />
margin-left: 0 !important; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.tiny, .reveal-modal.tiny {<br />
margin-left: -15%;<br />
width: 30%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.small, .reveal-modal.small {<br />
margin-left: -20%;<br />
width: 40%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.medium, .reveal-modal.medium {<br />
margin-left: -30%;<br />
width: 60%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.large, .reveal-modal.large {<br />
margin-left: -35%;<br />
width: 70%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.xlarge, .reveal-modal.xlarge {<br />
margin-left: -47.5%;<br />
width: 95%; } }<br />
<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.full, .reveal-modal.full {<br />
margin-left: -50vw;<br />
width: 100vw; } }<br />
<br />
@media print {<br />
dialog, .reveal-modal {<br />
background: white !important; } }<br />
button, .button {<br />
border-style: solid;<br />
border-width: 0px;<br />
cursor: pointer;<br />
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: normal;<br />
line-height: normal;<br />
margin: 0 0 1.25rem;<br />
position: relative;<br />
text-decoration: none;<br />
text-align: center;<br />
-webkit-appearance: none;<br />
-webkit-border-radius: 0;<br />
display: inline-block;<br />
padding-top: 1rem;<br />
padding-right: 2rem;<br />
padding-bottom: 1.0625rem;<br />
padding-left: 2rem;<br />
font-size: 1rem;<br />
background-color: #2ba6cb;<br />
border-color: #2285a2;<br />
color: white;<br />
transition: background-color 300ms ease-out; }<br />
button:hover, button:focus, .button:hover, .button:focus {<br />
background-color: #2285a2; }<br />
button:hover, button:focus, .button:hover, .button:focus {<br />
color: white; }<br />
button.secondary, .button.secondary {<br />
background-color: #e9e9e9;<br />
border-color: #2285a2;<br />
color: #333333; }<br />
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {<br />
background-color: #2285a2; }<br />
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {<br />
color: #333333; }<br />
button.success, .button.success {<br />
background-color: #5da423;<br />
border-color: #2285a2;<br />
color: white; }<br />
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {<br />
background-color: #2285a2; }<br />
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {<br />
color: white; }<br />
button.alert, .button.alert {<br />
background-color: #c60f13;<br />
border-color: #2285a2;<br />
color: white; }<br />
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {<br />
background-color: #2285a2; }<br />
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {<br />
color: white; }<br />
button.large, .button.large {<br />
padding-top: 1.125rem;<br />
padding-right: 2.25rem;<br />
padding-bottom: 1.1875rem;<br />
padding-left: 2.25rem;<br />
font-size: 1.25rem; }<br />
button.small, .button.small {<br />
padding-top: 0.875rem;<br />
padding-right: 1.75rem;<br />
padding-bottom: 0.9375rem;<br />
padding-left: 1.75rem;<br />
font-size: 0.8125rem; }<br />
button.tiny, .button.tiny {<br />
padding-top: 0.625rem;<br />
padding-right: 1.25rem;<br />
padding-bottom: 0.6875rem;<br />
padding-left: 1.25rem;<br />
font-size: 0.6875rem; }<br />
button.expand, .button.expand {<br />
padding-right: 0;<br />
padding-left: 0;<br />
width: 100%; }<br />
button.left-align, .button.left-align {<br />
text-align: left;<br />
text-indent: 0.75rem; }<br />
button.right-align, .button.right-align {<br />
text-align: right;<br />
padding-right: 0.75rem; }<br />
button.radius, .button.radius {<br />
border-radius: 3px; }<br />
button.round, .button.round {<br />
border-radius: 1000px; }<br />
button.disabled, button[disabled], .button.disabled, .button[disabled] {<br />
background-color: #2ba6cb;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
background-color: #2285a2; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
color: white; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
background-color: #2ba6cb; }<br />
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {<br />
background-color: #e9e9e9;<br />
border-color: #2285a2;<br />
color: #333333;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
background-color: #2285a2; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
color: #333333; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
background-color: #e9e9e9; }<br />
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {<br />
background-color: #5da423;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
background-color: #2285a2; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
color: white; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
background-color: #5da423; }<br />
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {<br />
background-color: #c60f13;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
background-color: #2285a2; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
color: white; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
background-color: #c60f13; }<br />
<br />
button::-moz-focus-inner {<br />
border: 0;<br />
padding: 0; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
button, .button {<br />
display: inline-block; } }<br />
<br />
/* ====== Remove MediaWiki Look ====== */<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
<br />
/* Redesigning the topmenu */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;<br />
z-index: 1000;}<br />
#menubar {<br />
color: #000000;<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
line-height: 1;<br />
top: 9px;<br />
z-index: 2000;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: #cccccc;}<br />
#menubar:hover li a {<br />
color: #cccccc;}<br />
.left-menu .noprint ul li .new a {<br />
text-decoration: none;<br />
}<br />
a:hover, a:visited, a:link, a:active<br />
{<br />
text-decoration: none;<br />
}<br />
a:visited {<br />
color: black;<br />
}</div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability
Team:StanfordBrownSpelman/Biodegradability
2014-10-17T00:22:32Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014 — Amberless Hell Cell</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/7/71/SBS_iGEM_2014_Biodegradation.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h3><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability">Biodegradability</a></h3><br />
<div class="boxedmenu"><h7><center><a href="#" id="intro">Introduction</a> ● <a href="#" id="methods">Methods</a> ● <a href="#" id="data">Results</a> ● <a href="#" id="links">References</a> ● <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks#B">BioBricks</a></h7></div><br />
<h6 id="int"><br />
<center><iframe width="420" height="315" src="//www.youtube.com/embed/PgdF8xIAh8c" frameborder="0" allowfullscreen></iframe><br><br></center><br />
Creating a biodegradable drone will reduce collateral waste, lightening the footprint of unmanned science missions on planetary environments and microecosystems. Since we are using BCOAc for the construction of our drone, we plan on transforming E. coli with two genes obtained from Niesseria sicca, which synthesizes enzymes capable of degrading BCOAc; the first gene is an esterase which deacetylates the BCOAc, and the second is endo-1,4-beta-glucanase, a cellulase which speeds BC degradation. In order to trigger the onset and spread of degradation, we are investigating pressure-sensitive promoters (to simulate impact) and time-sensitive promoters linked to bacterial quorum sensing machinery. Quorum sensing allows the signal for degradation to spread to surrounding cells, enabling the complete breakdown of our biomaterials from a single point of impact.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="process" class="small-3 small-centered columns cells4"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Methods ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Approach & Methods</h5><br />
<h6>Methods here.</h6> </div></div><br />
<div class="small-7 small-centered columns"><br><center><img src="https://static.igem.org/mediawiki/2014/6/6e/SBS_iGEM_2014_photo_placeholder.png"><br><br />
<h6><center><b>Figure 1.</b> Figure caption here.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<h6>More methods here. <br />
<br />
<div class="sub4"><a href="work/PUT-PDF-REFERENCE-HEREpdf" target="_blank"><img src="https://static.igem.org/mediawiki/2014/2/25/SBS_iGEM_2014_download.png"></a><a href="work/PUT-PDF-REFERENCE-HEREpdf">Click here to go to our project journal, which details our design and engineering process and included descriptions of the protocols we developed and used.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Cell Spacer 2 ====== --><br />
<br />
<div class="row"><br />
<div id="results" class="small-3 small-centered columns cells8"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Results ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Results</h5><br />
<h6><br />
Our goal for this project was not only to isolate biodegradation enzymes but also to control the release of these enzymes, so that our UAV would not degrade uncontrollably. In order to control the initiation of biodegradation, we first considered using a pressure sensor. This would allow the UAV to begin degrading after the impact of a crash. The 2008 Tokyo Tech iGem team found that the ptet promoter was pressure sensitive and increased its activity 3-fold after undergoing 30 MPa of pressure. We got their construct from the distribution kit and tested its functionality by monitoring GFP expression. We found that this promoter is always turned on even at very low pressures (The cells were bright green even with no pressure at all). When we introduced a repressor for the Ptet promoter, we found out that the repressor is too strong, and even at high pressures, the Ptet promoter will still be repressed. The photo and graphs below show our testing of the Ptet promoter in the presence and absence of the Tet repressor. </h6><br><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/a5/Ptet_promoter_testing.png><br><br />
<h6><center>This graph shows that there was not a clear correlation between the amount of pressure applied on the ptet promoter to the amount of GFP expression: For instance, application of 14000rpm pressure on cells with ptet promoter for 30 seconds led to production of less fluorescence than application of 5000rpm pressure to the same batch of cells.When Tet Repressor was used, its effect was too strong and we could not find a repressor that could inhibit ptet just enough to control the biodegradation process</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6><br />
On top of testing the ptet promoter, we analyzed the impact a crash would have on our UAV by using a force plate ,and we found it unlikely that the impact of the crash would ever reach as high a pressure as 30 MPa, based on projections from the data we collected. (see graph below). <br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/ac/Sbs_igem_forceplategraph.png><br><br />
<h6><center>We measured the pressure upon impact of an object similar in shape and weight to our UAV. We took measurements by dropping or throwing the object from various heights and angles. Based on our data, it is projected that even from a drop height of 10m, the pressure upon impact would not even be 1 MPa, making it unlikely that any crash would ever cause 30 MPa of pressure.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br></br><br />
<br />
<h6>We next tried to initiate degradation using a light sensor, which would activate degradation in the darkness, allowing our UAV to have a flight time of one day. We planned to do this using the construct from the UT Austin and UCSF 2004 Coliroid project. However, the strain of E. coli (EnvZ) that we needed to work with to use this construct was resistant to all 4 of the main antibiotics we had in our lab, making the bacteria difficult and expensive to work with.<h6><br />
<br />
<br></br><br />
<br />
<h6>Finally, we decided to use quorum sensing as a means of creating a time delay for initiation of degradation. Two previous constructs, BBa_I13202 and BBa_T9002, when combined, create a quorum sensing cascade used to initiate expression of GFP. We ligated these two parts together to create our novel part, BBa_K1499500, which we used for our assays. We found that, in lac deficient cells, the quorum sensing construct can be initiated by induction with IPTG. After this induction, GFP expression increases with time, implying that the construct is doing its job. Our data for this assay is shown below. <br />
</div></div></h6><br />
<br />
<br></br><br />
<div class="row"><br />
<h5><center>Quorum Sensing Data</h5> <br></br><br />
<img class="fitAll2" src="https://static.igem.org/mediawiki/2014/f/fc/NEGATIVE_CONTROL_TABLE.png"><br />
<img class="fitAll" src="https://static.igem.org/mediawiki/2014/3/3f/IPTG-NEGATIVE_TABLE.png"><br />
<img class="fitAll" src="https://static.igem.org/mediawiki/2014/b/b1/IPTG-POSITIVE_TABLE.png"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/1/1d/NEGATIVE_CONTROL_GRAPH.JPG"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/1/18/GFP_IPTG_NEGATIVE.JPG"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/4/43/GFP_IPTG_POSITIVE.JPG"><br />
<h6><center><b>Figure 1. Flow-Cytometer Data & Graphs: </b></h6><h0 class="introText"> The three graphs and tables above represent the flow-cytometer data obtained from three samples of lac-deficient E. coli cells. One of the samples was a negative control of LB-cultured E. coli cells (Negative Control), and the other two samples (IPTG-Positive and IPTG-Negative) had the GFP-quorum sensing construct. The IPTG-Positive sample had a ~6X increase in GFP expression over the background IPTG-Negative cells, showing our construct worked correctly.</center></h0><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6 class="introText"><br />
Flow-cytometry is a laser-based technology that has a wide-range of uses, including multiparametric cell counting and cell sorting. In this study, we utilized the cell counting ability of a flow cytometer in order to determine how many of our cells were expressing GFP after being induced with IPTG (a lac analog). The “X-Median” seen on the three tables above shows the fluorescence intensity of all of the cells that were counted that were not considered dead (Median). <br />
Each sample measured 50,000 cells (Seen under All Events - Count), and then counted all of the cells that were alive (Median - Count), where each sample had between 47,000 and 49,000 live cells. From the data, and as illustrated in the graphs above, we can gather that the fluorescence intensity (X-Median) of the LB only cells was approximately 63 arbitrary fluorescence units (AFU), the IPTG-negative cells was ~17,000 AFU, and the intensity of the IPTG-positive cells was ~107,000 AFU, meaning that the IPTG-positive quorum sensing cells increased fluorescence intensity over 6X the background intensity (IPTG-negative cells).<br />
These results indicate that our quorum sensing construct works and greatly increases GFP expression when activated through IPTG-induction. The IPTG-negative cells also expressed some non-negligible degree of GFP, which suggests that the construct could still be improved further. However, the successful proof of concept of our quorum sensing construct is incredibly promising and allows us to proceed toward the next step.<br />
<br />
<br></br><br />
<br />
Since we know that the quorum sensing construct is functional and inducible with IPTG. We can now work towards replacing the GFP gene with the genes for our degradation enzymes, allowing us to control degradation by applying IPTG at different time points.<br />
<br />
<br></br><br />
<br />
In conjunction with working on controlling the initiation of degradation, we simultaneously worked with two degradation enzymes, esterase and cellulase. Both of these genes are isolated from the organism Neisseria sicca; the esterase is designed to de-acetylate cellulose acetate (our building material), and the cellulase breaks down the leftover cellulose into glucose monomers. <br />
<br />
After successfully transforming the esterase gene into E. coli, and confirming via colony PCR, we grew up a large culture of transformed cells and used this to extract and purify the esterase protein.<br />
<br />
<br></br><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/3/30/Sbs_igem_esterasepcrfinal.jpg><br><br />
<h6><center>This is an image of a gel electrophoresis done after running colony PCR with E. coli colonies transformed with our esterase gene. The esterase gene is approximately 1.5 kB, so this gel confirmed our transformation had worked, allowing us to proceed to protein purification.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/a9/Sbs_igem_esteraseproteingelfinal.jpg><br><br />
<h6><center>This is the SDS-page gel that was run after purifying the esterase protein from bacteria. The band is at 43 kDa, which is the expected size of the esterase protein.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br></br><br />
<br />
<h6>Once we had isolated our protein we were able to do functional assays with the esterase enzyme. By using a cellulose-binding dye that selectively binds to cellulose and not cellulose acetate, we were able to test whether or not the esterase enzyme was effective in de-acetylating commercial grade cellulose acetate. We soaked the cellulose acetate in the esterase protein at its optimal temperature of 30ºC and tested with the stain at multiple points. The results of our assay (shown below) demonstrate that over time the protein was working to degrade the cellulose acetate, as the blue stain intensity increased over time. In the future, we can better characterize our esterase protein by doing assays with more replicates, longer time periods, and varying amounts of protein.<h6><br />
<br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/6/62/Sbs_igem_esteraseassayfinalfinal.jpg><br><br />
<h6><center>This image shows the results from our staining assay on cellulose acetate. The pieces of cellulose acetate were soaked in esterase enzyme for varying amounts of time before their level of degradation was tested using the blue cellulose-binding dye.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br></br><br />
<br />
<h6>We are currently working on functional assays of the cellulase gene, and have submitted it as a <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks">BioBrick </a><a href="http://parts.igem.org/Part:BBa_K1499501">(BBa_K1499501)</a>.<h6><br />
<br />
<br />
<br />
<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 4 ====== --><br />
<br />
<div class="row"><br />
<div id="references" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Links & References ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>References</h5><br />
<h6><br />
Suspendisse volutpat sem eu ornare tincidunt. Mauris pharetra sed justo vitae sodales. Nulla in sodales tortor, placerat tempor dui.<br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Have a link or reference? Put it here!</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Link, acknowledgement, or reference 2</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Additional links, acknowledgements, and references</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 5 ====== --><br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells5"><br />
</div><br />
</div><br />
<br />
<!-- ====== Additional Information ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Additional Information</h5><br />
<h6><br />
Try to avoid having any additional information here. We're trying to keep our site organized, clean, and compelling!<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 6 ====== --><br />
<br />
<div class="row"><br />
<div id="precontact" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="https://static.igem.org/mediawiki/2014/8/86/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability
Team:StanfordBrownSpelman/Biodegradability
2014-10-17T00:22:01Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014 — Amberless Hell Cell</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/7/71/SBS_iGEM_2014_Biodegradation.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h4><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability">Biodegradability</a></h4><br />
<div class="boxedmenu"><h7><center><a href="#" id="intro">Introduction</a> ● <a href="#" id="methods">Methods</a> ● <a href="#" id="data">Results</a> ● <a href="#" id="links">References</a> ● <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks#B">BioBricks</a></h7></div><br />
<h6 id="int"><br />
<center><iframe width="420" height="315" src="//www.youtube.com/embed/PgdF8xIAh8c" frameborder="0" allowfullscreen></iframe><br><br></center><br />
Creating a biodegradable drone will reduce collateral waste, lightening the footprint of unmanned science missions on planetary environments and microecosystems. Since we are using BCOAc for the construction of our drone, we plan on transforming E. coli with two genes obtained from Niesseria sicca, which synthesizes enzymes capable of degrading BCOAc; the first gene is an esterase which deacetylates the BCOAc, and the second is endo-1,4-beta-glucanase, a cellulase which speeds BC degradation. In order to trigger the onset and spread of degradation, we are investigating pressure-sensitive promoters (to simulate impact) and time-sensitive promoters linked to bacterial quorum sensing machinery. Quorum sensing allows the signal for degradation to spread to surrounding cells, enabling the complete breakdown of our biomaterials from a single point of impact.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="process" class="small-3 small-centered columns cells4"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Methods ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Approach & Methods</h5><br />
<h6>Methods here.</h6> </div></div><br />
<div class="small-7 small-centered columns"><br><center><img src="https://static.igem.org/mediawiki/2014/6/6e/SBS_iGEM_2014_photo_placeholder.png"><br><br />
<h6><center><b>Figure 1.</b> Figure caption here.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<h6>More methods here. <br />
<br />
<div class="sub4"><a href="work/PUT-PDF-REFERENCE-HEREpdf" target="_blank"><img src="https://static.igem.org/mediawiki/2014/2/25/SBS_iGEM_2014_download.png"></a><a href="work/PUT-PDF-REFERENCE-HEREpdf">Click here to go to our project journal, which details our design and engineering process and included descriptions of the protocols we developed and used.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Cell Spacer 2 ====== --><br />
<br />
<div class="row"><br />
<div id="results" class="small-3 small-centered columns cells8"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Results ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Results</h5><br />
<h6><br />
Our goal for this project was not only to isolate biodegradation enzymes but also to control the release of these enzymes, so that our UAV would not degrade uncontrollably. In order to control the initiation of biodegradation, we first considered using a pressure sensor. This would allow the UAV to begin degrading after the impact of a crash. The 2008 Tokyo Tech iGem team found that the ptet promoter was pressure sensitive and increased its activity 3-fold after undergoing 30 MPa of pressure. We got their construct from the distribution kit and tested its functionality by monitoring GFP expression. We found that this promoter is always turned on even at very low pressures (The cells were bright green even with no pressure at all). When we introduced a repressor for the Ptet promoter, we found out that the repressor is too strong, and even at high pressures, the Ptet promoter will still be repressed. The photo and graphs below show our testing of the Ptet promoter in the presence and absence of the Tet repressor. </h6><br><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/a5/Ptet_promoter_testing.png><br><br />
<h6><center>This graph shows that there was not a clear correlation between the amount of pressure applied on the ptet promoter to the amount of GFP expression: For instance, application of 14000rpm pressure on cells with ptet promoter for 30 seconds led to production of less fluorescence than application of 5000rpm pressure to the same batch of cells.When Tet Repressor was used, its effect was too strong and we could not find a repressor that could inhibit ptet just enough to control the biodegradation process</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6><br />
On top of testing the ptet promoter, we analyzed the impact a crash would have on our UAV by using a force plate ,and we found it unlikely that the impact of the crash would ever reach as high a pressure as 30 MPa, based on projections from the data we collected. (see graph below). <br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/ac/Sbs_igem_forceplategraph.png><br><br />
<h6><center>We measured the pressure upon impact of an object similar in shape and weight to our UAV. We took measurements by dropping or throwing the object from various heights and angles. Based on our data, it is projected that even from a drop height of 10m, the pressure upon impact would not even be 1 MPa, making it unlikely that any crash would ever cause 30 MPa of pressure.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br></br><br />
<br />
<h6>We next tried to initiate degradation using a light sensor, which would activate degradation in the darkness, allowing our UAV to have a flight time of one day. We planned to do this using the construct from the UT Austin and UCSF 2004 Coliroid project. However, the strain of E. coli (EnvZ) that we needed to work with to use this construct was resistant to all 4 of the main antibiotics we had in our lab, making the bacteria difficult and expensive to work with.<h6><br />
<br />
<br></br><br />
<br />
<h6>Finally, we decided to use quorum sensing as a means of creating a time delay for initiation of degradation. Two previous constructs, BBa_I13202 and BBa_T9002, when combined, create a quorum sensing cascade used to initiate expression of GFP. We ligated these two parts together to create our novel part, BBa_K1499500, which we used for our assays. We found that, in lac deficient cells, the quorum sensing construct can be initiated by induction with IPTG. After this induction, GFP expression increases with time, implying that the construct is doing its job. Our data for this assay is shown below. <br />
</div></div></h6><br />
<br />
<br></br><br />
<div class="row"><br />
<h5><center>Quorum Sensing Data</h5> <br></br><br />
<img class="fitAll2" src="https://static.igem.org/mediawiki/2014/f/fc/NEGATIVE_CONTROL_TABLE.png"><br />
<img class="fitAll" src="https://static.igem.org/mediawiki/2014/3/3f/IPTG-NEGATIVE_TABLE.png"><br />
<img class="fitAll" src="https://static.igem.org/mediawiki/2014/b/b1/IPTG-POSITIVE_TABLE.png"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/1/1d/NEGATIVE_CONTROL_GRAPH.JPG"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/1/18/GFP_IPTG_NEGATIVE.JPG"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/4/43/GFP_IPTG_POSITIVE.JPG"><br />
<h6><center><b>Figure 1. Flow-Cytometer Data & Graphs: </b></h6><h0 class="introText"> The three graphs and tables above represent the flow-cytometer data obtained from three samples of lac-deficient E. coli cells. One of the samples was a negative control of LB-cultured E. coli cells (Negative Control), and the other two samples (IPTG-Positive and IPTG-Negative) had the GFP-quorum sensing construct. The IPTG-Positive sample had a ~6X increase in GFP expression over the background IPTG-Negative cells, showing our construct worked correctly.</center></h0><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6 class="introText"><br />
Flow-cytometry is a laser-based technology that has a wide-range of uses, including multiparametric cell counting and cell sorting. In this study, we utilized the cell counting ability of a flow cytometer in order to determine how many of our cells were expressing GFP after being induced with IPTG (a lac analog). The “X-Median” seen on the three tables above shows the fluorescence intensity of all of the cells that were counted that were not considered dead (Median). <br />
Each sample measured 50,000 cells (Seen under All Events - Count), and then counted all of the cells that were alive (Median - Count), where each sample had between 47,000 and 49,000 live cells. From the data, and as illustrated in the graphs above, we can gather that the fluorescence intensity (X-Median) of the LB only cells was approximately 63 arbitrary fluorescence units (AFU), the IPTG-negative cells was ~17,000 AFU, and the intensity of the IPTG-positive cells was ~107,000 AFU, meaning that the IPTG-positive quorum sensing cells increased fluorescence intensity over 6X the background intensity (IPTG-negative cells).<br />
These results indicate that our quorum sensing construct works and greatly increases GFP expression when activated through IPTG-induction. The IPTG-negative cells also expressed some non-negligible degree of GFP, which suggests that the construct could still be improved further. However, the successful proof of concept of our quorum sensing construct is incredibly promising and allows us to proceed toward the next step.<br />
<br />
<br></br><br />
<br />
Since we know that the quorum sensing construct is functional and inducible with IPTG. We can now work towards replacing the GFP gene with the genes for our degradation enzymes, allowing us to control degradation by applying IPTG at different time points.<br />
<br />
<br></br><br />
<br />
In conjunction with working on controlling the initiation of degradation, we simultaneously worked with two degradation enzymes, esterase and cellulase. Both of these genes are isolated from the organism Neisseria sicca; the esterase is designed to de-acetylate cellulose acetate (our building material), and the cellulase breaks down the leftover cellulose into glucose monomers. <br />
<br />
After successfully transforming the esterase gene into E. coli, and confirming via colony PCR, we grew up a large culture of transformed cells and used this to extract and purify the esterase protein.<br />
<br />
<br></br><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/3/30/Sbs_igem_esterasepcrfinal.jpg><br><br />
<h6><center>This is an image of a gel electrophoresis done after running colony PCR with E. coli colonies transformed with our esterase gene. The esterase gene is approximately 1.5 kB, so this gel confirmed our transformation had worked, allowing us to proceed to protein purification.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/a9/Sbs_igem_esteraseproteingelfinal.jpg><br><br />
<h6><center>This is the SDS-page gel that was run after purifying the esterase protein from bacteria. The band is at 43 kDa, which is the expected size of the esterase protein.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br></br><br />
<br />
<h6>Once we had isolated our protein we were able to do functional assays with the esterase enzyme. By using a cellulose-binding dye that selectively binds to cellulose and not cellulose acetate, we were able to test whether or not the esterase enzyme was effective in de-acetylating commercial grade cellulose acetate. We soaked the cellulose acetate in the esterase protein at its optimal temperature of 30ºC and tested with the stain at multiple points. The results of our assay (shown below) demonstrate that over time the protein was working to degrade the cellulose acetate, as the blue stain intensity increased over time. In the future, we can better characterize our esterase protein by doing assays with more replicates, longer time periods, and varying amounts of protein.<h6><br />
<br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/6/62/Sbs_igem_esteraseassayfinalfinal.jpg><br><br />
<h6><center>This image shows the results from our staining assay on cellulose acetate. The pieces of cellulose acetate were soaked in esterase enzyme for varying amounts of time before their level of degradation was tested using the blue cellulose-binding dye.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br></br><br />
<br />
<h6>We are currently working on functional assays of the cellulase gene, and have submitted it as a <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks">BioBrick </a><a href="http://parts.igem.org/Part:BBa_K1499501">(BBa_K1499501)</a>.<h6><br />
<br />
<br />
<br />
<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 4 ====== --><br />
<br />
<div class="row"><br />
<div id="references" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Links & References ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>References</h5><br />
<h6><br />
Suspendisse volutpat sem eu ornare tincidunt. Mauris pharetra sed justo vitae sodales. Nulla in sodales tortor, placerat tempor dui.<br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Have a link or reference? Put it here!</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Link, acknowledgement, or reference 2</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Additional links, acknowledgements, and references</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 5 ====== --><br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells5"><br />
</div><br />
</div><br />
<br />
<!-- ====== Additional Information ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Additional Information</h5><br />
<h6><br />
Try to avoid having any additional information here. We're trying to keep our site organized, clean, and compelling!<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 6 ====== --><br />
<br />
<div class="row"><br />
<div id="precontact" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="https://static.igem.org/mediawiki/2014/8/86/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability
Team:StanfordBrownSpelman/Biodegradability
2014-10-17T00:21:29Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014 — Amberless Hell Cell</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/7/71/SBS_iGEM_2014_Biodegradation.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h7><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability">Biodegradability</a></h4><br />
<div class="boxedmenu"><h3><center><a href="#" id="intro">Introduction</a> ● <a href="#" id="methods">Methods</a> ● <a href="#" id="data">Results</a> ● <a href="#" id="links">References</a> ● <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks#B">BioBricks</a></h7></div><br />
<h6 id="int"><br />
<center><iframe width="420" height="315" src="//www.youtube.com/embed/PgdF8xIAh8c" frameborder="0" allowfullscreen></iframe><br><br></center><br />
Creating a biodegradable drone will reduce collateral waste, lightening the footprint of unmanned science missions on planetary environments and microecosystems. Since we are using BCOAc for the construction of our drone, we plan on transforming E. coli with two genes obtained from Niesseria sicca, which synthesizes enzymes capable of degrading BCOAc; the first gene is an esterase which deacetylates the BCOAc, and the second is endo-1,4-beta-glucanase, a cellulase which speeds BC degradation. In order to trigger the onset and spread of degradation, we are investigating pressure-sensitive promoters (to simulate impact) and time-sensitive promoters linked to bacterial quorum sensing machinery. Quorum sensing allows the signal for degradation to spread to surrounding cells, enabling the complete breakdown of our biomaterials from a single point of impact.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="process" class="small-3 small-centered columns cells4"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Methods ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Approach & Methods</h5><br />
<h6>Methods here.</h6> </div></div><br />
<div class="small-7 small-centered columns"><br><center><img src="https://static.igem.org/mediawiki/2014/6/6e/SBS_iGEM_2014_photo_placeholder.png"><br><br />
<h6><center><b>Figure 1.</b> Figure caption here.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<h6>More methods here. <br />
<br />
<div class="sub4"><a href="work/PUT-PDF-REFERENCE-HEREpdf" target="_blank"><img src="https://static.igem.org/mediawiki/2014/2/25/SBS_iGEM_2014_download.png"></a><a href="work/PUT-PDF-REFERENCE-HEREpdf">Click here to go to our project journal, which details our design and engineering process and included descriptions of the protocols we developed and used.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Cell Spacer 2 ====== --><br />
<br />
<div class="row"><br />
<div id="results" class="small-3 small-centered columns cells8"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Results ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Results</h5><br />
<h6><br />
Our goal for this project was not only to isolate biodegradation enzymes but also to control the release of these enzymes, so that our UAV would not degrade uncontrollably. In order to control the initiation of biodegradation, we first considered using a pressure sensor. This would allow the UAV to begin degrading after the impact of a crash. The 2008 Tokyo Tech iGem team found that the ptet promoter was pressure sensitive and increased its activity 3-fold after undergoing 30 MPa of pressure. We got their construct from the distribution kit and tested its functionality by monitoring GFP expression. We found that this promoter is always turned on even at very low pressures (The cells were bright green even with no pressure at all). When we introduced a repressor for the Ptet promoter, we found out that the repressor is too strong, and even at high pressures, the Ptet promoter will still be repressed. The photo and graphs below show our testing of the Ptet promoter in the presence and absence of the Tet repressor. </h6><br><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/a5/Ptet_promoter_testing.png><br><br />
<h6><center>This graph shows that there was not a clear correlation between the amount of pressure applied on the ptet promoter to the amount of GFP expression: For instance, application of 14000rpm pressure on cells with ptet promoter for 30 seconds led to production of less fluorescence than application of 5000rpm pressure to the same batch of cells.When Tet Repressor was used, its effect was too strong and we could not find a repressor that could inhibit ptet just enough to control the biodegradation process</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6><br />
On top of testing the ptet promoter, we analyzed the impact a crash would have on our UAV by using a force plate ,and we found it unlikely that the impact of the crash would ever reach as high a pressure as 30 MPa, based on projections from the data we collected. (see graph below). <br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/ac/Sbs_igem_forceplategraph.png><br><br />
<h6><center>We measured the pressure upon impact of an object similar in shape and weight to our UAV. We took measurements by dropping or throwing the object from various heights and angles. Based on our data, it is projected that even from a drop height of 10m, the pressure upon impact would not even be 1 MPa, making it unlikely that any crash would ever cause 30 MPa of pressure.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br></br><br />
<br />
<h6>We next tried to initiate degradation using a light sensor, which would activate degradation in the darkness, allowing our UAV to have a flight time of one day. We planned to do this using the construct from the UT Austin and UCSF 2004 Coliroid project. However, the strain of E. coli (EnvZ) that we needed to work with to use this construct was resistant to all 4 of the main antibiotics we had in our lab, making the bacteria difficult and expensive to work with.<h6><br />
<br />
<br></br><br />
<br />
<h6>Finally, we decided to use quorum sensing as a means of creating a time delay for initiation of degradation. Two previous constructs, BBa_I13202 and BBa_T9002, when combined, create a quorum sensing cascade used to initiate expression of GFP. We ligated these two parts together to create our novel part, BBa_K1499500, which we used for our assays. We found that, in lac deficient cells, the quorum sensing construct can be initiated by induction with IPTG. After this induction, GFP expression increases with time, implying that the construct is doing its job. Our data for this assay is shown below. <br />
</div></div></h6><br />
<br />
<br></br><br />
<div class="row"><br />
<h5><center>Quorum Sensing Data</h5> <br></br><br />
<img class="fitAll2" src="https://static.igem.org/mediawiki/2014/f/fc/NEGATIVE_CONTROL_TABLE.png"><br />
<img class="fitAll" src="https://static.igem.org/mediawiki/2014/3/3f/IPTG-NEGATIVE_TABLE.png"><br />
<img class="fitAll" src="https://static.igem.org/mediawiki/2014/b/b1/IPTG-POSITIVE_TABLE.png"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/1/1d/NEGATIVE_CONTROL_GRAPH.JPG"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/1/18/GFP_IPTG_NEGATIVE.JPG"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/4/43/GFP_IPTG_POSITIVE.JPG"><br />
<h6><center><b>Figure 1. Flow-Cytometer Data & Graphs: </b></h6><h0 class="introText"> The three graphs and tables above represent the flow-cytometer data obtained from three samples of lac-deficient E. coli cells. One of the samples was a negative control of LB-cultured E. coli cells (Negative Control), and the other two samples (IPTG-Positive and IPTG-Negative) had the GFP-quorum sensing construct. The IPTG-Positive sample had a ~6X increase in GFP expression over the background IPTG-Negative cells, showing our construct worked correctly.</center></h0><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6 class="introText"><br />
Flow-cytometry is a laser-based technology that has a wide-range of uses, including multiparametric cell counting and cell sorting. In this study, we utilized the cell counting ability of a flow cytometer in order to determine how many of our cells were expressing GFP after being induced with IPTG (a lac analog). The “X-Median” seen on the three tables above shows the fluorescence intensity of all of the cells that were counted that were not considered dead (Median). <br />
Each sample measured 50,000 cells (Seen under All Events - Count), and then counted all of the cells that were alive (Median - Count), where each sample had between 47,000 and 49,000 live cells. From the data, and as illustrated in the graphs above, we can gather that the fluorescence intensity (X-Median) of the LB only cells was approximately 63 arbitrary fluorescence units (AFU), the IPTG-negative cells was ~17,000 AFU, and the intensity of the IPTG-positive cells was ~107,000 AFU, meaning that the IPTG-positive quorum sensing cells increased fluorescence intensity over 6X the background intensity (IPTG-negative cells).<br />
These results indicate that our quorum sensing construct works and greatly increases GFP expression when activated through IPTG-induction. The IPTG-negative cells also expressed some non-negligible degree of GFP, which suggests that the construct could still be improved further. However, the successful proof of concept of our quorum sensing construct is incredibly promising and allows us to proceed toward the next step.<br />
<br />
<br></br><br />
<br />
Since we know that the quorum sensing construct is functional and inducible with IPTG. We can now work towards replacing the GFP gene with the genes for our degradation enzymes, allowing us to control degradation by applying IPTG at different time points.<br />
<br />
<br></br><br />
<br />
In conjunction with working on controlling the initiation of degradation, we simultaneously worked with two degradation enzymes, esterase and cellulase. Both of these genes are isolated from the organism Neisseria sicca; the esterase is designed to de-acetylate cellulose acetate (our building material), and the cellulase breaks down the leftover cellulose into glucose monomers. <br />
<br />
After successfully transforming the esterase gene into E. coli, and confirming via colony PCR, we grew up a large culture of transformed cells and used this to extract and purify the esterase protein.<br />
<br />
<br></br><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/3/30/Sbs_igem_esterasepcrfinal.jpg><br><br />
<h6><center>This is an image of a gel electrophoresis done after running colony PCR with E. coli colonies transformed with our esterase gene. The esterase gene is approximately 1.5 kB, so this gel confirmed our transformation had worked, allowing us to proceed to protein purification.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/a9/Sbs_igem_esteraseproteingelfinal.jpg><br><br />
<h6><center>This is the SDS-page gel that was run after purifying the esterase protein from bacteria. The band is at 43 kDa, which is the expected size of the esterase protein.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br></br><br />
<br />
<h6>Once we had isolated our protein we were able to do functional assays with the esterase enzyme. By using a cellulose-binding dye that selectively binds to cellulose and not cellulose acetate, we were able to test whether or not the esterase enzyme was effective in de-acetylating commercial grade cellulose acetate. We soaked the cellulose acetate in the esterase protein at its optimal temperature of 30ºC and tested with the stain at multiple points. The results of our assay (shown below) demonstrate that over time the protein was working to degrade the cellulose acetate, as the blue stain intensity increased over time. In the future, we can better characterize our esterase protein by doing assays with more replicates, longer time periods, and varying amounts of protein.<h6><br />
<br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/6/62/Sbs_igem_esteraseassayfinalfinal.jpg><br><br />
<h6><center>This image shows the results from our staining assay on cellulose acetate. The pieces of cellulose acetate were soaked in esterase enzyme for varying amounts of time before their level of degradation was tested using the blue cellulose-binding dye.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br></br><br />
<br />
<h6>We are currently working on functional assays of the cellulase gene, and have submitted it as a <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks">BioBrick </a><a href="http://parts.igem.org/Part:BBa_K1499501">(BBa_K1499501)</a>.<h6><br />
<br />
<br />
<br />
<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 4 ====== --><br />
<br />
<div class="row"><br />
<div id="references" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Links & References ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>References</h5><br />
<h6><br />
Suspendisse volutpat sem eu ornare tincidunt. Mauris pharetra sed justo vitae sodales. Nulla in sodales tortor, placerat tempor dui.<br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Have a link or reference? Put it here!</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Link, acknowledgement, or reference 2</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Additional links, acknowledgements, and references</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 5 ====== --><br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells5"><br />
</div><br />
</div><br />
<br />
<!-- ====== Additional Information ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Additional Information</h5><br />
<h6><br />
Try to avoid having any additional information here. We're trying to keep our site organized, clean, and compelling!<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 6 ====== --><br />
<br />
<div class="row"><br />
<div id="precontact" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="https://static.igem.org/mediawiki/2014/8/86/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability
Team:StanfordBrownSpelman/Biodegradability
2014-10-17T00:20:48Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014 — Amberless Hell Cell</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/7/71/SBS_iGEM_2014_Biodegradation.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h4 small><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability">Biodegradability</a></h4><br />
<div class="boxedmenu"><h3><center><a href="#" id="intro">Introduction</a> ● <a href="#" id="methods">Methods</a> ● <a href="#" id="data">Results</a> ● <a href="#" id="links">References</a> ● <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks#B">BioBricks</a></h5 small></div><br />
<h6 id="int"><br />
<center><iframe width="420" height="315" src="//www.youtube.com/embed/PgdF8xIAh8c" frameborder="0" allowfullscreen></iframe><br><br></center><br />
Creating a biodegradable drone will reduce collateral waste, lightening the footprint of unmanned science missions on planetary environments and microecosystems. Since we are using BCOAc for the construction of our drone, we plan on transforming E. coli with two genes obtained from Niesseria sicca, which synthesizes enzymes capable of degrading BCOAc; the first gene is an esterase which deacetylates the BCOAc, and the second is endo-1,4-beta-glucanase, a cellulase which speeds BC degradation. In order to trigger the onset and spread of degradation, we are investigating pressure-sensitive promoters (to simulate impact) and time-sensitive promoters linked to bacterial quorum sensing machinery. Quorum sensing allows the signal for degradation to spread to surrounding cells, enabling the complete breakdown of our biomaterials from a single point of impact.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="process" class="small-3 small-centered columns cells4"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Methods ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Approach & Methods</h5><br />
<h6>Methods here.</h6> </div></div><br />
<div class="small-7 small-centered columns"><br><center><img src="https://static.igem.org/mediawiki/2014/6/6e/SBS_iGEM_2014_photo_placeholder.png"><br><br />
<h6><center><b>Figure 1.</b> Figure caption here.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<h6>More methods here. <br />
<br />
<div class="sub4"><a href="work/PUT-PDF-REFERENCE-HEREpdf" target="_blank"><img src="https://static.igem.org/mediawiki/2014/2/25/SBS_iGEM_2014_download.png"></a><a href="work/PUT-PDF-REFERENCE-HEREpdf">Click here to go to our project journal, which details our design and engineering process and included descriptions of the protocols we developed and used.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Cell Spacer 2 ====== --><br />
<br />
<div class="row"><br />
<div id="results" class="small-3 small-centered columns cells8"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Results ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Results</h5><br />
<h6><br />
Our goal for this project was not only to isolate biodegradation enzymes but also to control the release of these enzymes, so that our UAV would not degrade uncontrollably. In order to control the initiation of biodegradation, we first considered using a pressure sensor. This would allow the UAV to begin degrading after the impact of a crash. The 2008 Tokyo Tech iGem team found that the ptet promoter was pressure sensitive and increased its activity 3-fold after undergoing 30 MPa of pressure. We got their construct from the distribution kit and tested its functionality by monitoring GFP expression. We found that this promoter is always turned on even at very low pressures (The cells were bright green even with no pressure at all). When we introduced a repressor for the Ptet promoter, we found out that the repressor is too strong, and even at high pressures, the Ptet promoter will still be repressed. The photo and graphs below show our testing of the Ptet promoter in the presence and absence of the Tet repressor. </h6><br><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/a5/Ptet_promoter_testing.png><br><br />
<h6><center>This graph shows that there was not a clear correlation between the amount of pressure applied on the ptet promoter to the amount of GFP expression: For instance, application of 14000rpm pressure on cells with ptet promoter for 30 seconds led to production of less fluorescence than application of 5000rpm pressure to the same batch of cells.When Tet Repressor was used, its effect was too strong and we could not find a repressor that could inhibit ptet just enough to control the biodegradation process</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6><br />
On top of testing the ptet promoter, we analyzed the impact a crash would have on our UAV by using a force plate ,and we found it unlikely that the impact of the crash would ever reach as high a pressure as 30 MPa, based on projections from the data we collected. (see graph below). <br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/ac/Sbs_igem_forceplategraph.png><br><br />
<h6><center>We measured the pressure upon impact of an object similar in shape and weight to our UAV. We took measurements by dropping or throwing the object from various heights and angles. Based on our data, it is projected that even from a drop height of 10m, the pressure upon impact would not even be 1 MPa, making it unlikely that any crash would ever cause 30 MPa of pressure.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br></br><br />
<br />
<h6>We next tried to initiate degradation using a light sensor, which would activate degradation in the darkness, allowing our UAV to have a flight time of one day. We planned to do this using the construct from the UT Austin and UCSF 2004 Coliroid project. However, the strain of E. coli (EnvZ) that we needed to work with to use this construct was resistant to all 4 of the main antibiotics we had in our lab, making the bacteria difficult and expensive to work with.<h6><br />
<br />
<br></br><br />
<br />
<h6>Finally, we decided to use quorum sensing as a means of creating a time delay for initiation of degradation. Two previous constructs, BBa_I13202 and BBa_T9002, when combined, create a quorum sensing cascade used to initiate expression of GFP. We ligated these two parts together to create our novel part, BBa_K1499500, which we used for our assays. We found that, in lac deficient cells, the quorum sensing construct can be initiated by induction with IPTG. After this induction, GFP expression increases with time, implying that the construct is doing its job. Our data for this assay is shown below. <br />
</div></div></h6><br />
<br />
<br></br><br />
<div class="row"><br />
<h5><center>Quorum Sensing Data</h5> <br></br><br />
<img class="fitAll2" src="https://static.igem.org/mediawiki/2014/f/fc/NEGATIVE_CONTROL_TABLE.png"><br />
<img class="fitAll" src="https://static.igem.org/mediawiki/2014/3/3f/IPTG-NEGATIVE_TABLE.png"><br />
<img class="fitAll" src="https://static.igem.org/mediawiki/2014/b/b1/IPTG-POSITIVE_TABLE.png"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/1/1d/NEGATIVE_CONTROL_GRAPH.JPG"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/1/18/GFP_IPTG_NEGATIVE.JPG"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/4/43/GFP_IPTG_POSITIVE.JPG"><br />
<h6><center><b>Figure 1. Flow-Cytometer Data & Graphs: </b></h6><h0 class="introText"> The three graphs and tables above represent the flow-cytometer data obtained from three samples of lac-deficient E. coli cells. One of the samples was a negative control of LB-cultured E. coli cells (Negative Control), and the other two samples (IPTG-Positive and IPTG-Negative) had the GFP-quorum sensing construct. The IPTG-Positive sample had a ~6X increase in GFP expression over the background IPTG-Negative cells, showing our construct worked correctly.</center></h0><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6 class="introText"><br />
Flow-cytometry is a laser-based technology that has a wide-range of uses, including multiparametric cell counting and cell sorting. In this study, we utilized the cell counting ability of a flow cytometer in order to determine how many of our cells were expressing GFP after being induced with IPTG (a lac analog). The “X-Median” seen on the three tables above shows the fluorescence intensity of all of the cells that were counted that were not considered dead (Median). <br />
Each sample measured 50,000 cells (Seen under All Events - Count), and then counted all of the cells that were alive (Median - Count), where each sample had between 47,000 and 49,000 live cells. From the data, and as illustrated in the graphs above, we can gather that the fluorescence intensity (X-Median) of the LB only cells was approximately 63 arbitrary fluorescence units (AFU), the IPTG-negative cells was ~17,000 AFU, and the intensity of the IPTG-positive cells was ~107,000 AFU, meaning that the IPTG-positive quorum sensing cells increased fluorescence intensity over 6X the background intensity (IPTG-negative cells).<br />
These results indicate that our quorum sensing construct works and greatly increases GFP expression when activated through IPTG-induction. The IPTG-negative cells also expressed some non-negligible degree of GFP, which suggests that the construct could still be improved further. However, the successful proof of concept of our quorum sensing construct is incredibly promising and allows us to proceed toward the next step.<br />
<br />
<br></br><br />
<br />
Since we know that the quorum sensing construct is functional and inducible with IPTG. We can now work towards replacing the GFP gene with the genes for our degradation enzymes, allowing us to control degradation by applying IPTG at different time points.<br />
<br />
<br></br><br />
<br />
In conjunction with working on controlling the initiation of degradation, we simultaneously worked with two degradation enzymes, esterase and cellulase. Both of these genes are isolated from the organism Neisseria sicca; the esterase is designed to de-acetylate cellulose acetate (our building material), and the cellulase breaks down the leftover cellulose into glucose monomers. <br />
<br />
After successfully transforming the esterase gene into E. coli, and confirming via colony PCR, we grew up a large culture of transformed cells and used this to extract and purify the esterase protein.<br />
<br />
<br></br><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/3/30/Sbs_igem_esterasepcrfinal.jpg><br><br />
<h6><center>This is an image of a gel electrophoresis done after running colony PCR with E. coli colonies transformed with our esterase gene. The esterase gene is approximately 1.5 kB, so this gel confirmed our transformation had worked, allowing us to proceed to protein purification.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/a9/Sbs_igem_esteraseproteingelfinal.jpg><br><br />
<h6><center>This is the SDS-page gel that was run after purifying the esterase protein from bacteria. The band is at 43 kDa, which is the expected size of the esterase protein.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br></br><br />
<br />
<h6>Once we had isolated our protein we were able to do functional assays with the esterase enzyme. By using a cellulose-binding dye that selectively binds to cellulose and not cellulose acetate, we were able to test whether or not the esterase enzyme was effective in de-acetylating commercial grade cellulose acetate. We soaked the cellulose acetate in the esterase protein at its optimal temperature of 30ºC and tested with the stain at multiple points. The results of our assay (shown below) demonstrate that over time the protein was working to degrade the cellulose acetate, as the blue stain intensity increased over time. In the future, we can better characterize our esterase protein by doing assays with more replicates, longer time periods, and varying amounts of protein.<h6><br />
<br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/6/62/Sbs_igem_esteraseassayfinalfinal.jpg><br><br />
<h6><center>This image shows the results from our staining assay on cellulose acetate. The pieces of cellulose acetate were soaked in esterase enzyme for varying amounts of time before their level of degradation was tested using the blue cellulose-binding dye.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br></br><br />
<br />
<h6>We are currently working on functional assays of the cellulase gene, and have submitted it as a <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks">BioBrick </a><a href="http://parts.igem.org/Part:BBa_K1499501">(BBa_K1499501)</a>.<h6><br />
<br />
<br />
<br />
<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 4 ====== --><br />
<br />
<div class="row"><br />
<div id="references" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Links & References ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>References</h5><br />
<h6><br />
Suspendisse volutpat sem eu ornare tincidunt. Mauris pharetra sed justo vitae sodales. Nulla in sodales tortor, placerat tempor dui.<br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Have a link or reference? Put it here!</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Link, acknowledgement, or reference 2</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Additional links, acknowledgements, and references</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 5 ====== --><br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells5"><br />
</div><br />
</div><br />
<br />
<!-- ====== Additional Information ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Additional Information</h5><br />
<h6><br />
Try to avoid having any additional information here. We're trying to keep our site organized, clean, and compelling!<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 6 ====== --><br />
<br />
<div class="row"><br />
<div id="precontact" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="https://static.igem.org/mediawiki/2014/8/86/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability
Team:StanfordBrownSpelman/Biodegradability
2014-10-17T00:20:34Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014 — Amberless Hell Cell</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/7/71/SBS_iGEM_2014_Biodegradation.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h5 small><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability">Biodegradability</a></h5><br />
<div class="boxedmenu"><h3><center><a href="#" id="intro">Introduction</a> ● <a href="#" id="methods">Methods</a> ● <a href="#" id="data">Results</a> ● <a href="#" id="links">References</a> ● <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks#B">BioBricks</a></h5 small></div><br />
<h6 id="int"><br />
<center><iframe width="420" height="315" src="//www.youtube.com/embed/PgdF8xIAh8c" frameborder="0" allowfullscreen></iframe><br><br></center><br />
Creating a biodegradable drone will reduce collateral waste, lightening the footprint of unmanned science missions on planetary environments and microecosystems. Since we are using BCOAc for the construction of our drone, we plan on transforming E. coli with two genes obtained from Niesseria sicca, which synthesizes enzymes capable of degrading BCOAc; the first gene is an esterase which deacetylates the BCOAc, and the second is endo-1,4-beta-glucanase, a cellulase which speeds BC degradation. In order to trigger the onset and spread of degradation, we are investigating pressure-sensitive promoters (to simulate impact) and time-sensitive promoters linked to bacterial quorum sensing machinery. Quorum sensing allows the signal for degradation to spread to surrounding cells, enabling the complete breakdown of our biomaterials from a single point of impact.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="process" class="small-3 small-centered columns cells4"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Methods ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Approach & Methods</h5><br />
<h6>Methods here.</h6> </div></div><br />
<div class="small-7 small-centered columns"><br><center><img src="https://static.igem.org/mediawiki/2014/6/6e/SBS_iGEM_2014_photo_placeholder.png"><br><br />
<h6><center><b>Figure 1.</b> Figure caption here.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<h6>More methods here. <br />
<br />
<div class="sub4"><a href="work/PUT-PDF-REFERENCE-HEREpdf" target="_blank"><img src="https://static.igem.org/mediawiki/2014/2/25/SBS_iGEM_2014_download.png"></a><a href="work/PUT-PDF-REFERENCE-HEREpdf">Click here to go to our project journal, which details our design and engineering process and included descriptions of the protocols we developed and used.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Cell Spacer 2 ====== --><br />
<br />
<div class="row"><br />
<div id="results" class="small-3 small-centered columns cells8"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Results ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Results</h5><br />
<h6><br />
Our goal for this project was not only to isolate biodegradation enzymes but also to control the release of these enzymes, so that our UAV would not degrade uncontrollably. In order to control the initiation of biodegradation, we first considered using a pressure sensor. This would allow the UAV to begin degrading after the impact of a crash. The 2008 Tokyo Tech iGem team found that the ptet promoter was pressure sensitive and increased its activity 3-fold after undergoing 30 MPa of pressure. We got their construct from the distribution kit and tested its functionality by monitoring GFP expression. We found that this promoter is always turned on even at very low pressures (The cells were bright green even with no pressure at all). When we introduced a repressor for the Ptet promoter, we found out that the repressor is too strong, and even at high pressures, the Ptet promoter will still be repressed. The photo and graphs below show our testing of the Ptet promoter in the presence and absence of the Tet repressor. </h6><br><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/a5/Ptet_promoter_testing.png><br><br />
<h6><center>This graph shows that there was not a clear correlation between the amount of pressure applied on the ptet promoter to the amount of GFP expression: For instance, application of 14000rpm pressure on cells with ptet promoter for 30 seconds led to production of less fluorescence than application of 5000rpm pressure to the same batch of cells.When Tet Repressor was used, its effect was too strong and we could not find a repressor that could inhibit ptet just enough to control the biodegradation process</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6><br />
On top of testing the ptet promoter, we analyzed the impact a crash would have on our UAV by using a force plate ,and we found it unlikely that the impact of the crash would ever reach as high a pressure as 30 MPa, based on projections from the data we collected. (see graph below). <br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/ac/Sbs_igem_forceplategraph.png><br><br />
<h6><center>We measured the pressure upon impact of an object similar in shape and weight to our UAV. We took measurements by dropping or throwing the object from various heights and angles. Based on our data, it is projected that even from a drop height of 10m, the pressure upon impact would not even be 1 MPa, making it unlikely that any crash would ever cause 30 MPa of pressure.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br></br><br />
<br />
<h6>We next tried to initiate degradation using a light sensor, which would activate degradation in the darkness, allowing our UAV to have a flight time of one day. We planned to do this using the construct from the UT Austin and UCSF 2004 Coliroid project. However, the strain of E. coli (EnvZ) that we needed to work with to use this construct was resistant to all 4 of the main antibiotics we had in our lab, making the bacteria difficult and expensive to work with.<h6><br />
<br />
<br></br><br />
<br />
<h6>Finally, we decided to use quorum sensing as a means of creating a time delay for initiation of degradation. Two previous constructs, BBa_I13202 and BBa_T9002, when combined, create a quorum sensing cascade used to initiate expression of GFP. We ligated these two parts together to create our novel part, BBa_K1499500, which we used for our assays. We found that, in lac deficient cells, the quorum sensing construct can be initiated by induction with IPTG. After this induction, GFP expression increases with time, implying that the construct is doing its job. Our data for this assay is shown below. <br />
</div></div></h6><br />
<br />
<br></br><br />
<div class="row"><br />
<h5><center>Quorum Sensing Data</h5> <br></br><br />
<img class="fitAll2" src="https://static.igem.org/mediawiki/2014/f/fc/NEGATIVE_CONTROL_TABLE.png"><br />
<img class="fitAll" src="https://static.igem.org/mediawiki/2014/3/3f/IPTG-NEGATIVE_TABLE.png"><br />
<img class="fitAll" src="https://static.igem.org/mediawiki/2014/b/b1/IPTG-POSITIVE_TABLE.png"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/1/1d/NEGATIVE_CONTROL_GRAPH.JPG"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/1/18/GFP_IPTG_NEGATIVE.JPG"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/4/43/GFP_IPTG_POSITIVE.JPG"><br />
<h6><center><b>Figure 1. Flow-Cytometer Data & Graphs: </b></h6><h0 class="introText"> The three graphs and tables above represent the flow-cytometer data obtained from three samples of lac-deficient E. coli cells. One of the samples was a negative control of LB-cultured E. coli cells (Negative Control), and the other two samples (IPTG-Positive and IPTG-Negative) had the GFP-quorum sensing construct. The IPTG-Positive sample had a ~6X increase in GFP expression over the background IPTG-Negative cells, showing our construct worked correctly.</center></h0><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6 class="introText"><br />
Flow-cytometry is a laser-based technology that has a wide-range of uses, including multiparametric cell counting and cell sorting. In this study, we utilized the cell counting ability of a flow cytometer in order to determine how many of our cells were expressing GFP after being induced with IPTG (a lac analog). The “X-Median” seen on the three tables above shows the fluorescence intensity of all of the cells that were counted that were not considered dead (Median). <br />
Each sample measured 50,000 cells (Seen under All Events - Count), and then counted all of the cells that were alive (Median - Count), where each sample had between 47,000 and 49,000 live cells. From the data, and as illustrated in the graphs above, we can gather that the fluorescence intensity (X-Median) of the LB only cells was approximately 63 arbitrary fluorescence units (AFU), the IPTG-negative cells was ~17,000 AFU, and the intensity of the IPTG-positive cells was ~107,000 AFU, meaning that the IPTG-positive quorum sensing cells increased fluorescence intensity over 6X the background intensity (IPTG-negative cells).<br />
These results indicate that our quorum sensing construct works and greatly increases GFP expression when activated through IPTG-induction. The IPTG-negative cells also expressed some non-negligible degree of GFP, which suggests that the construct could still be improved further. However, the successful proof of concept of our quorum sensing construct is incredibly promising and allows us to proceed toward the next step.<br />
<br />
<br></br><br />
<br />
Since we know that the quorum sensing construct is functional and inducible with IPTG. We can now work towards replacing the GFP gene with the genes for our degradation enzymes, allowing us to control degradation by applying IPTG at different time points.<br />
<br />
<br></br><br />
<br />
In conjunction with working on controlling the initiation of degradation, we simultaneously worked with two degradation enzymes, esterase and cellulase. Both of these genes are isolated from the organism Neisseria sicca; the esterase is designed to de-acetylate cellulose acetate (our building material), and the cellulase breaks down the leftover cellulose into glucose monomers. <br />
<br />
After successfully transforming the esterase gene into E. coli, and confirming via colony PCR, we grew up a large culture of transformed cells and used this to extract and purify the esterase protein.<br />
<br />
<br></br><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/3/30/Sbs_igem_esterasepcrfinal.jpg><br><br />
<h6><center>This is an image of a gel electrophoresis done after running colony PCR with E. coli colonies transformed with our esterase gene. The esterase gene is approximately 1.5 kB, so this gel confirmed our transformation had worked, allowing us to proceed to protein purification.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/a9/Sbs_igem_esteraseproteingelfinal.jpg><br><br />
<h6><center>This is the SDS-page gel that was run after purifying the esterase protein from bacteria. The band is at 43 kDa, which is the expected size of the esterase protein.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br></br><br />
<br />
<h6>Once we had isolated our protein we were able to do functional assays with the esterase enzyme. By using a cellulose-binding dye that selectively binds to cellulose and not cellulose acetate, we were able to test whether or not the esterase enzyme was effective in de-acetylating commercial grade cellulose acetate. We soaked the cellulose acetate in the esterase protein at its optimal temperature of 30ºC and tested with the stain at multiple points. The results of our assay (shown below) demonstrate that over time the protein was working to degrade the cellulose acetate, as the blue stain intensity increased over time. In the future, we can better characterize our esterase protein by doing assays with more replicates, longer time periods, and varying amounts of protein.<h6><br />
<br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/6/62/Sbs_igem_esteraseassayfinalfinal.jpg><br><br />
<h6><center>This image shows the results from our staining assay on cellulose acetate. The pieces of cellulose acetate were soaked in esterase enzyme for varying amounts of time before their level of degradation was tested using the blue cellulose-binding dye.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br></br><br />
<br />
<h6>We are currently working on functional assays of the cellulase gene, and have submitted it as a <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks">BioBrick </a><a href="http://parts.igem.org/Part:BBa_K1499501">(BBa_K1499501)</a>.<h6><br />
<br />
<br />
<br />
<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 4 ====== --><br />
<br />
<div class="row"><br />
<div id="references" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Links & References ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>References</h5><br />
<h6><br />
Suspendisse volutpat sem eu ornare tincidunt. Mauris pharetra sed justo vitae sodales. Nulla in sodales tortor, placerat tempor dui.<br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Have a link or reference? Put it here!</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Link, acknowledgement, or reference 2</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Additional links, acknowledgements, and references</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 5 ====== --><br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells5"><br />
</div><br />
</div><br />
<br />
<!-- ====== Additional Information ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Additional Information</h5><br />
<h6><br />
Try to avoid having any additional information here. We're trying to keep our site organized, clean, and compelling!<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 6 ====== --><br />
<br />
<div class="row"><br />
<div id="precontact" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="https://static.igem.org/mediawiki/2014/8/86/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability
Team:StanfordBrownSpelman/Biodegradability
2014-10-17T00:19:59Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014 — Amberless Hell Cell</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/7/71/SBS_iGEM_2014_Biodegradation.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h5 small><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability">Biodegradability</a></h3><br />
<div class="boxedmenu"><h3><center><a href="#" id="intro">Introduction</a> ● <a href="#" id="methods">Methods</a> ● <a href="#" id="data">Results</a> ● <a href="#" id="links">References</a> ● <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks#B">BioBricks</a></h5 small></div><br />
<h6 id="int"><br />
<center><iframe width="420" height="315" src="//www.youtube.com/embed/PgdF8xIAh8c" frameborder="0" allowfullscreen></iframe><br><br></center><br />
Creating a biodegradable drone will reduce collateral waste, lightening the footprint of unmanned science missions on planetary environments and microecosystems. Since we are using BCOAc for the construction of our drone, we plan on transforming E. coli with two genes obtained from Niesseria sicca, which synthesizes enzymes capable of degrading BCOAc; the first gene is an esterase which deacetylates the BCOAc, and the second is endo-1,4-beta-glucanase, a cellulase which speeds BC degradation. In order to trigger the onset and spread of degradation, we are investigating pressure-sensitive promoters (to simulate impact) and time-sensitive promoters linked to bacterial quorum sensing machinery. Quorum sensing allows the signal for degradation to spread to surrounding cells, enabling the complete breakdown of our biomaterials from a single point of impact.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="process" class="small-3 small-centered columns cells4"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Methods ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Approach & Methods</h5><br />
<h6>Methods here.</h6> </div></div><br />
<div class="small-7 small-centered columns"><br><center><img src="https://static.igem.org/mediawiki/2014/6/6e/SBS_iGEM_2014_photo_placeholder.png"><br><br />
<h6><center><b>Figure 1.</b> Figure caption here.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<h6>More methods here. <br />
<br />
<div class="sub4"><a href="work/PUT-PDF-REFERENCE-HEREpdf" target="_blank"><img src="https://static.igem.org/mediawiki/2014/2/25/SBS_iGEM_2014_download.png"></a><a href="work/PUT-PDF-REFERENCE-HEREpdf">Click here to go to our project journal, which details our design and engineering process and included descriptions of the protocols we developed and used.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Cell Spacer 2 ====== --><br />
<br />
<div class="row"><br />
<div id="results" class="small-3 small-centered columns cells8"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Results ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Results</h5><br />
<h6><br />
Our goal for this project was not only to isolate biodegradation enzymes but also to control the release of these enzymes, so that our UAV would not degrade uncontrollably. In order to control the initiation of biodegradation, we first considered using a pressure sensor. This would allow the UAV to begin degrading after the impact of a crash. The 2008 Tokyo Tech iGem team found that the ptet promoter was pressure sensitive and increased its activity 3-fold after undergoing 30 MPa of pressure. We got their construct from the distribution kit and tested its functionality by monitoring GFP expression. We found that this promoter is always turned on even at very low pressures (The cells were bright green even with no pressure at all). When we introduced a repressor for the Ptet promoter, we found out that the repressor is too strong, and even at high pressures, the Ptet promoter will still be repressed. The photo and graphs below show our testing of the Ptet promoter in the presence and absence of the Tet repressor. </h6><br><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/a5/Ptet_promoter_testing.png><br><br />
<h6><center>This graph shows that there was not a clear correlation between the amount of pressure applied on the ptet promoter to the amount of GFP expression: For instance, application of 14000rpm pressure on cells with ptet promoter for 30 seconds led to production of less fluorescence than application of 5000rpm pressure to the same batch of cells.When Tet Repressor was used, its effect was too strong and we could not find a repressor that could inhibit ptet just enough to control the biodegradation process</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6><br />
On top of testing the ptet promoter, we analyzed the impact a crash would have on our UAV by using a force plate ,and we found it unlikely that the impact of the crash would ever reach as high a pressure as 30 MPa, based on projections from the data we collected. (see graph below). <br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/ac/Sbs_igem_forceplategraph.png><br><br />
<h6><center>We measured the pressure upon impact of an object similar in shape and weight to our UAV. We took measurements by dropping or throwing the object from various heights and angles. Based on our data, it is projected that even from a drop height of 10m, the pressure upon impact would not even be 1 MPa, making it unlikely that any crash would ever cause 30 MPa of pressure.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br></br><br />
<br />
<h6>We next tried to initiate degradation using a light sensor, which would activate degradation in the darkness, allowing our UAV to have a flight time of one day. We planned to do this using the construct from the UT Austin and UCSF 2004 Coliroid project. However, the strain of E. coli (EnvZ) that we needed to work with to use this construct was resistant to all 4 of the main antibiotics we had in our lab, making the bacteria difficult and expensive to work with.<h6><br />
<br />
<br></br><br />
<br />
<h6>Finally, we decided to use quorum sensing as a means of creating a time delay for initiation of degradation. Two previous constructs, BBa_I13202 and BBa_T9002, when combined, create a quorum sensing cascade used to initiate expression of GFP. We ligated these two parts together to create our novel part, BBa_K1499500, which we used for our assays. We found that, in lac deficient cells, the quorum sensing construct can be initiated by induction with IPTG. After this induction, GFP expression increases with time, implying that the construct is doing its job. Our data for this assay is shown below. <br />
</div></div></h6><br />
<br />
<br></br><br />
<div class="row"><br />
<h5><center>Quorum Sensing Data</h5> <br></br><br />
<img class="fitAll2" src="https://static.igem.org/mediawiki/2014/f/fc/NEGATIVE_CONTROL_TABLE.png"><br />
<img class="fitAll" src="https://static.igem.org/mediawiki/2014/3/3f/IPTG-NEGATIVE_TABLE.png"><br />
<img class="fitAll" src="https://static.igem.org/mediawiki/2014/b/b1/IPTG-POSITIVE_TABLE.png"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/1/1d/NEGATIVE_CONTROL_GRAPH.JPG"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/1/18/GFP_IPTG_NEGATIVE.JPG"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/4/43/GFP_IPTG_POSITIVE.JPG"><br />
<h6><center><b>Figure 1. Flow-Cytometer Data & Graphs: </b></h6><h0 class="introText"> The three graphs and tables above represent the flow-cytometer data obtained from three samples of lac-deficient E. coli cells. One of the samples was a negative control of LB-cultured E. coli cells (Negative Control), and the other two samples (IPTG-Positive and IPTG-Negative) had the GFP-quorum sensing construct. The IPTG-Positive sample had a ~6X increase in GFP expression over the background IPTG-Negative cells, showing our construct worked correctly.</center></h0><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6 class="introText"><br />
Flow-cytometry is a laser-based technology that has a wide-range of uses, including multiparametric cell counting and cell sorting. In this study, we utilized the cell counting ability of a flow cytometer in order to determine how many of our cells were expressing GFP after being induced with IPTG (a lac analog). The “X-Median” seen on the three tables above shows the fluorescence intensity of all of the cells that were counted that were not considered dead (Median). <br />
Each sample measured 50,000 cells (Seen under All Events - Count), and then counted all of the cells that were alive (Median - Count), where each sample had between 47,000 and 49,000 live cells. From the data, and as illustrated in the graphs above, we can gather that the fluorescence intensity (X-Median) of the LB only cells was approximately 63 arbitrary fluorescence units (AFU), the IPTG-negative cells was ~17,000 AFU, and the intensity of the IPTG-positive cells was ~107,000 AFU, meaning that the IPTG-positive quorum sensing cells increased fluorescence intensity over 6X the background intensity (IPTG-negative cells).<br />
These results indicate that our quorum sensing construct works and greatly increases GFP expression when activated through IPTG-induction. The IPTG-negative cells also expressed some non-negligible degree of GFP, which suggests that the construct could still be improved further. However, the successful proof of concept of our quorum sensing construct is incredibly promising and allows us to proceed toward the next step.<br />
<br />
<br></br><br />
<br />
Since we know that the quorum sensing construct is functional and inducible with IPTG. We can now work towards replacing the GFP gene with the genes for our degradation enzymes, allowing us to control degradation by applying IPTG at different time points.<br />
<br />
<br></br><br />
<br />
In conjunction with working on controlling the initiation of degradation, we simultaneously worked with two degradation enzymes, esterase and cellulase. Both of these genes are isolated from the organism Neisseria sicca; the esterase is designed to de-acetylate cellulose acetate (our building material), and the cellulase breaks down the leftover cellulose into glucose monomers. <br />
<br />
After successfully transforming the esterase gene into E. coli, and confirming via colony PCR, we grew up a large culture of transformed cells and used this to extract and purify the esterase protein.<br />
<br />
<br></br><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/3/30/Sbs_igem_esterasepcrfinal.jpg><br><br />
<h6><center>This is an image of a gel electrophoresis done after running colony PCR with E. coli colonies transformed with our esterase gene. The esterase gene is approximately 1.5 kB, so this gel confirmed our transformation had worked, allowing us to proceed to protein purification.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/a9/Sbs_igem_esteraseproteingelfinal.jpg><br><br />
<h6><center>This is the SDS-page gel that was run after purifying the esterase protein from bacteria. The band is at 43 kDa, which is the expected size of the esterase protein.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br></br><br />
<br />
<h6>Once we had isolated our protein we were able to do functional assays with the esterase enzyme. By using a cellulose-binding dye that selectively binds to cellulose and not cellulose acetate, we were able to test whether or not the esterase enzyme was effective in de-acetylating commercial grade cellulose acetate. We soaked the cellulose acetate in the esterase protein at its optimal temperature of 30ºC and tested with the stain at multiple points. The results of our assay (shown below) demonstrate that over time the protein was working to degrade the cellulose acetate, as the blue stain intensity increased over time. In the future, we can better characterize our esterase protein by doing assays with more replicates, longer time periods, and varying amounts of protein.<h6><br />
<br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/6/62/Sbs_igem_esteraseassayfinalfinal.jpg><br><br />
<h6><center>This image shows the results from our staining assay on cellulose acetate. The pieces of cellulose acetate were soaked in esterase enzyme for varying amounts of time before their level of degradation was tested using the blue cellulose-binding dye.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br></br><br />
<br />
<h6>We are currently working on functional assays of the cellulase gene, and have submitted it as a <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks">BioBrick </a><a href="http://parts.igem.org/Part:BBa_K1499501">(BBa_K1499501)</a>.<h6><br />
<br />
<br />
<br />
<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 4 ====== --><br />
<br />
<div class="row"><br />
<div id="references" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Links & References ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>References</h5><br />
<h6><br />
Suspendisse volutpat sem eu ornare tincidunt. Mauris pharetra sed justo vitae sodales. Nulla in sodales tortor, placerat tempor dui.<br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Have a link or reference? Put it here!</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Link, acknowledgement, or reference 2</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Additional links, acknowledgements, and references</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 5 ====== --><br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells5"><br />
</div><br />
</div><br />
<br />
<!-- ====== Additional Information ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Additional Information</h5><br />
<h6><br />
Try to avoid having any additional information here. We're trying to keep our site organized, clean, and compelling!<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 6 ====== --><br />
<br />
<div class="row"><br />
<div id="precontact" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="https://static.igem.org/mediawiki/2014/8/86/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability
Team:StanfordBrownSpelman/Biodegradability
2014-10-17T00:18:52Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014 — Amberless Hell Cell</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/7/71/SBS_iGEM_2014_Biodegradation.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h3><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability">Biodegradability</a></h3><br />
<div class="boxedmenu"><h3><center><a href="#" id="intro">Introduction</a> ● <a href="#" id="methods">Methods</a> ● <a href="#" id="data">Results</a> ● <a href="#" id="links">References</a> ● <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks#B">BioBricks</a></h3></div><br />
<h6 id="int"><br />
<center><iframe width="420" height="315" src="//www.youtube.com/embed/PgdF8xIAh8c" frameborder="0" allowfullscreen></iframe><br><br></center><br />
Creating a biodegradable drone will reduce collateral waste, lightening the footprint of unmanned science missions on planetary environments and microecosystems. Since we are using BCOAc for the construction of our drone, we plan on transforming E. coli with two genes obtained from Niesseria sicca, which synthesizes enzymes capable of degrading BCOAc; the first gene is an esterase which deacetylates the BCOAc, and the second is endo-1,4-beta-glucanase, a cellulase which speeds BC degradation. In order to trigger the onset and spread of degradation, we are investigating pressure-sensitive promoters (to simulate impact) and time-sensitive promoters linked to bacterial quorum sensing machinery. Quorum sensing allows the signal for degradation to spread to surrounding cells, enabling the complete breakdown of our biomaterials from a single point of impact.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="process" class="small-3 small-centered columns cells4"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Methods ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Approach & Methods</h5><br />
<h6>Methods here.</h6> </div></div><br />
<div class="small-7 small-centered columns"><br><center><img src="https://static.igem.org/mediawiki/2014/6/6e/SBS_iGEM_2014_photo_placeholder.png"><br><br />
<h6><center><b>Figure 1.</b> Figure caption here.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<h6>More methods here. <br />
<br />
<div class="sub4"><a href="work/PUT-PDF-REFERENCE-HEREpdf" target="_blank"><img src="https://static.igem.org/mediawiki/2014/2/25/SBS_iGEM_2014_download.png"></a><a href="work/PUT-PDF-REFERENCE-HEREpdf">Click here to go to our project journal, which details our design and engineering process and included descriptions of the protocols we developed and used.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Cell Spacer 2 ====== --><br />
<br />
<div class="row"><br />
<div id="results" class="small-3 small-centered columns cells8"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Results ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Results</h5><br />
<h6><br />
Our goal for this project was not only to isolate biodegradation enzymes but also to control the release of these enzymes, so that our UAV would not degrade uncontrollably. In order to control the initiation of biodegradation, we first considered using a pressure sensor. This would allow the UAV to begin degrading after the impact of a crash. The 2008 Tokyo Tech iGem team found that the ptet promoter was pressure sensitive and increased its activity 3-fold after undergoing 30 MPa of pressure. We got their construct from the distribution kit and tested its functionality by monitoring GFP expression. We found that this promoter is always turned on even at very low pressures (The cells were bright green even with no pressure at all). When we introduced a repressor for the Ptet promoter, we found out that the repressor is too strong, and even at high pressures, the Ptet promoter will still be repressed. The photo and graphs below show our testing of the Ptet promoter in the presence and absence of the Tet repressor. </h6><br><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/a5/Ptet_promoter_testing.png><br><br />
<h6><center>This graph shows that there was not a clear correlation between the amount of pressure applied on the ptet promoter to the amount of GFP expression: For instance, application of 14000rpm pressure on cells with ptet promoter for 30 seconds led to production of less fluorescence than application of 5000rpm pressure to the same batch of cells.When Tet Repressor was used, its effect was too strong and we could not find a repressor that could inhibit ptet just enough to control the biodegradation process</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6><br />
On top of testing the ptet promoter, we analyzed the impact a crash would have on our UAV by using a force plate ,and we found it unlikely that the impact of the crash would ever reach as high a pressure as 30 MPa, based on projections from the data we collected. (see graph below). <br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/ac/Sbs_igem_forceplategraph.png><br><br />
<h6><center>We measured the pressure upon impact of an object similar in shape and weight to our UAV. We took measurements by dropping or throwing the object from various heights and angles. Based on our data, it is projected that even from a drop height of 10m, the pressure upon impact would not even be 1 MPa, making it unlikely that any crash would ever cause 30 MPa of pressure.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br></br><br />
<br />
<h6>We next tried to initiate degradation using a light sensor, which would activate degradation in the darkness, allowing our UAV to have a flight time of one day. We planned to do this using the construct from the UT Austin and UCSF 2004 Coliroid project. However, the strain of E. coli (EnvZ) that we needed to work with to use this construct was resistant to all 4 of the main antibiotics we had in our lab, making the bacteria difficult and expensive to work with.<h6><br />
<br />
<br></br><br />
<br />
<h6>Finally, we decided to use quorum sensing as a means of creating a time delay for initiation of degradation. Two previous constructs, BBa_I13202 and BBa_T9002, when combined, create a quorum sensing cascade used to initiate expression of GFP. We ligated these two parts together to create our novel part, BBa_K1499500, which we used for our assays. We found that, in lac deficient cells, the quorum sensing construct can be initiated by induction with IPTG. After this induction, GFP expression increases with time, implying that the construct is doing its job. Our data for this assay is shown below. <br />
</div></div></h6><br />
<br />
<br></br><br />
<div class="row"><br />
<h5><center>Quorum Sensing Data</h5> <br></br><br />
<img class="fitAll2" src="https://static.igem.org/mediawiki/2014/f/fc/NEGATIVE_CONTROL_TABLE.png"><br />
<img class="fitAll" src="https://static.igem.org/mediawiki/2014/3/3f/IPTG-NEGATIVE_TABLE.png"><br />
<img class="fitAll" src="https://static.igem.org/mediawiki/2014/b/b1/IPTG-POSITIVE_TABLE.png"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/1/1d/NEGATIVE_CONTROL_GRAPH.JPG"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/1/18/GFP_IPTG_NEGATIVE.JPG"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/4/43/GFP_IPTG_POSITIVE.JPG"><br />
<h6><center><b>Figure 1. Flow-Cytometer Data & Graphs: </b></h6><h0 class="introText"> The three graphs and tables above represent the flow-cytometer data obtained from three samples of lac-deficient E. coli cells. One of the samples was a negative control of LB-cultured E. coli cells (Negative Control), and the other two samples (IPTG-Positive and IPTG-Negative) had the GFP-quorum sensing construct. The IPTG-Positive sample had a ~6X increase in GFP expression over the background IPTG-Negative cells, showing our construct worked correctly.</center></h0><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6 class="introText"><br />
Flow-cytometry is a laser-based technology that has a wide-range of uses, including multiparametric cell counting and cell sorting. In this study, we utilized the cell counting ability of a flow cytometer in order to determine how many of our cells were expressing GFP after being induced with IPTG (a lac analog). The “X-Median” seen on the three tables above shows the fluorescence intensity of all of the cells that were counted that were not considered dead (Median). <br />
Each sample measured 50,000 cells (Seen under All Events - Count), and then counted all of the cells that were alive (Median - Count), where each sample had between 47,000 and 49,000 live cells. From the data, and as illustrated in the graphs above, we can gather that the fluorescence intensity (X-Median) of the LB only cells was approximately 63 arbitrary fluorescence units (AFU), the IPTG-negative cells was ~17,000 AFU, and the intensity of the IPTG-positive cells was ~107,000 AFU, meaning that the IPTG-positive quorum sensing cells increased fluorescence intensity over 6X the background intensity (IPTG-negative cells).<br />
These results indicate that our quorum sensing construct works and greatly increases GFP expression when activated through IPTG-induction. The IPTG-negative cells also expressed some non-negligible degree of GFP, which suggests that the construct could still be improved further. However, the successful proof of concept of our quorum sensing construct is incredibly promising and allows us to proceed toward the next step.<br />
<br />
<br></br><br />
<br />
Since we know that the quorum sensing construct is functional and inducible with IPTG. We can now work towards replacing the GFP gene with the genes for our degradation enzymes, allowing us to control degradation by applying IPTG at different time points.<br />
<br />
<br></br><br />
<br />
In conjunction with working on controlling the initiation of degradation, we simultaneously worked with two degradation enzymes, esterase and cellulase. Both of these genes are isolated from the organism Neisseria sicca; the esterase is designed to de-acetylate cellulose acetate (our building material), and the cellulase breaks down the leftover cellulose into glucose monomers. <br />
<br />
After successfully transforming the esterase gene into E. coli, and confirming via colony PCR, we grew up a large culture of transformed cells and used this to extract and purify the esterase protein.<br />
<br />
<br></br><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/3/30/Sbs_igem_esterasepcrfinal.jpg><br><br />
<h6><center>This is an image of a gel electrophoresis done after running colony PCR with E. coli colonies transformed with our esterase gene. The esterase gene is approximately 1.5 kB, so this gel confirmed our transformation had worked, allowing us to proceed to protein purification.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/a9/Sbs_igem_esteraseproteingelfinal.jpg><br><br />
<h6><center>This is the SDS-page gel that was run after purifying the esterase protein from bacteria. The band is at 43 kDa, which is the expected size of the esterase protein.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br></br><br />
<br />
<h6>Once we had isolated our protein we were able to do functional assays with the esterase enzyme. By using a cellulose-binding dye that selectively binds to cellulose and not cellulose acetate, we were able to test whether or not the esterase enzyme was effective in de-acetylating commercial grade cellulose acetate. We soaked the cellulose acetate in the esterase protein at its optimal temperature of 30ºC and tested with the stain at multiple points. The results of our assay (shown below) demonstrate that over time the protein was working to degrade the cellulose acetate, as the blue stain intensity increased over time. In the future, we can better characterize our esterase protein by doing assays with more replicates, longer time periods, and varying amounts of protein.<h6><br />
<br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/6/62/Sbs_igem_esteraseassayfinalfinal.jpg><br><br />
<h6><center>This image shows the results from our staining assay on cellulose acetate. The pieces of cellulose acetate were soaked in esterase enzyme for varying amounts of time before their level of degradation was tested using the blue cellulose-binding dye.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br></br><br />
<br />
<h6>We are currently working on functional assays of the cellulase gene, and have submitted it as a <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks">BioBrick </a><a href="http://parts.igem.org/Part:BBa_K1499501">(BBa_K1499501)</a>.<h6><br />
<br />
<br />
<br />
<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 4 ====== --><br />
<br />
<div class="row"><br />
<div id="references" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Links & References ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>References</h5><br />
<h6><br />
Suspendisse volutpat sem eu ornare tincidunt. Mauris pharetra sed justo vitae sodales. Nulla in sodales tortor, placerat tempor dui.<br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Have a link or reference? Put it here!</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Link, acknowledgement, or reference 2</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Additional links, acknowledgements, and references</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 5 ====== --><br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells5"><br />
</div><br />
</div><br />
<br />
<!-- ====== Additional Information ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Additional Information</h5><br />
<h6><br />
Try to avoid having any additional information here. We're trying to keep our site organized, clean, and compelling!<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 6 ====== --><br />
<br />
<div class="row"><br />
<div id="precontact" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="https://static.igem.org/mediawiki/2014/8/86/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability
Team:StanfordBrownSpelman/Biodegradability
2014-10-17T00:18:40Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014 — Amberless Hell Cell</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/7/71/SBS_iGEM_2014_Biodegradation.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h3><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability">Biodegradability</a></h3><br />
<div class="boxedmenu"><h4><center><a href="#" id="intro">Introduction</a> ● <a href="#" id="methods">Methods</a> ● <a href="#" id="data">Results</a> ● <a href="#" id="links">References</a> ● <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks#B">BioBricks</a></h4></div><br />
<h6 id="int"><br />
<center><iframe width="420" height="315" src="//www.youtube.com/embed/PgdF8xIAh8c" frameborder="0" allowfullscreen></iframe><br><br></center><br />
Creating a biodegradable drone will reduce collateral waste, lightening the footprint of unmanned science missions on planetary environments and microecosystems. Since we are using BCOAc for the construction of our drone, we plan on transforming E. coli with two genes obtained from Niesseria sicca, which synthesizes enzymes capable of degrading BCOAc; the first gene is an esterase which deacetylates the BCOAc, and the second is endo-1,4-beta-glucanase, a cellulase which speeds BC degradation. In order to trigger the onset and spread of degradation, we are investigating pressure-sensitive promoters (to simulate impact) and time-sensitive promoters linked to bacterial quorum sensing machinery. Quorum sensing allows the signal for degradation to spread to surrounding cells, enabling the complete breakdown of our biomaterials from a single point of impact.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="process" class="small-3 small-centered columns cells4"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Methods ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Approach & Methods</h5><br />
<h6>Methods here.</h6> </div></div><br />
<div class="small-7 small-centered columns"><br><center><img src="https://static.igem.org/mediawiki/2014/6/6e/SBS_iGEM_2014_photo_placeholder.png"><br><br />
<h6><center><b>Figure 1.</b> Figure caption here.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<h6>More methods here. <br />
<br />
<div class="sub4"><a href="work/PUT-PDF-REFERENCE-HEREpdf" target="_blank"><img src="https://static.igem.org/mediawiki/2014/2/25/SBS_iGEM_2014_download.png"></a><a href="work/PUT-PDF-REFERENCE-HEREpdf">Click here to go to our project journal, which details our design and engineering process and included descriptions of the protocols we developed and used.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Cell Spacer 2 ====== --><br />
<br />
<div class="row"><br />
<div id="results" class="small-3 small-centered columns cells8"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Results ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Results</h5><br />
<h6><br />
Our goal for this project was not only to isolate biodegradation enzymes but also to control the release of these enzymes, so that our UAV would not degrade uncontrollably. In order to control the initiation of biodegradation, we first considered using a pressure sensor. This would allow the UAV to begin degrading after the impact of a crash. The 2008 Tokyo Tech iGem team found that the ptet promoter was pressure sensitive and increased its activity 3-fold after undergoing 30 MPa of pressure. We got their construct from the distribution kit and tested its functionality by monitoring GFP expression. We found that this promoter is always turned on even at very low pressures (The cells were bright green even with no pressure at all). When we introduced a repressor for the Ptet promoter, we found out that the repressor is too strong, and even at high pressures, the Ptet promoter will still be repressed. The photo and graphs below show our testing of the Ptet promoter in the presence and absence of the Tet repressor. </h6><br><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/a5/Ptet_promoter_testing.png><br><br />
<h6><center>This graph shows that there was not a clear correlation between the amount of pressure applied on the ptet promoter to the amount of GFP expression: For instance, application of 14000rpm pressure on cells with ptet promoter for 30 seconds led to production of less fluorescence than application of 5000rpm pressure to the same batch of cells.When Tet Repressor was used, its effect was too strong and we could not find a repressor that could inhibit ptet just enough to control the biodegradation process</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6><br />
On top of testing the ptet promoter, we analyzed the impact a crash would have on our UAV by using a force plate ,and we found it unlikely that the impact of the crash would ever reach as high a pressure as 30 MPa, based on projections from the data we collected. (see graph below). <br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/ac/Sbs_igem_forceplategraph.png><br><br />
<h6><center>We measured the pressure upon impact of an object similar in shape and weight to our UAV. We took measurements by dropping or throwing the object from various heights and angles. Based on our data, it is projected that even from a drop height of 10m, the pressure upon impact would not even be 1 MPa, making it unlikely that any crash would ever cause 30 MPa of pressure.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br></br><br />
<br />
<h6>We next tried to initiate degradation using a light sensor, which would activate degradation in the darkness, allowing our UAV to have a flight time of one day. We planned to do this using the construct from the UT Austin and UCSF 2004 Coliroid project. However, the strain of E. coli (EnvZ) that we needed to work with to use this construct was resistant to all 4 of the main antibiotics we had in our lab, making the bacteria difficult and expensive to work with.<h6><br />
<br />
<br></br><br />
<br />
<h6>Finally, we decided to use quorum sensing as a means of creating a time delay for initiation of degradation. Two previous constructs, BBa_I13202 and BBa_T9002, when combined, create a quorum sensing cascade used to initiate expression of GFP. We ligated these two parts together to create our novel part, BBa_K1499500, which we used for our assays. We found that, in lac deficient cells, the quorum sensing construct can be initiated by induction with IPTG. After this induction, GFP expression increases with time, implying that the construct is doing its job. Our data for this assay is shown below. <br />
</div></div></h6><br />
<br />
<br></br><br />
<div class="row"><br />
<h5><center>Quorum Sensing Data</h5> <br></br><br />
<img class="fitAll2" src="https://static.igem.org/mediawiki/2014/f/fc/NEGATIVE_CONTROL_TABLE.png"><br />
<img class="fitAll" src="https://static.igem.org/mediawiki/2014/3/3f/IPTG-NEGATIVE_TABLE.png"><br />
<img class="fitAll" src="https://static.igem.org/mediawiki/2014/b/b1/IPTG-POSITIVE_TABLE.png"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/1/1d/NEGATIVE_CONTROL_GRAPH.JPG"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/1/18/GFP_IPTG_NEGATIVE.JPG"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/4/43/GFP_IPTG_POSITIVE.JPG"><br />
<h6><center><b>Figure 1. Flow-Cytometer Data & Graphs: </b></h6><h0 class="introText"> The three graphs and tables above represent the flow-cytometer data obtained from three samples of lac-deficient E. coli cells. One of the samples was a negative control of LB-cultured E. coli cells (Negative Control), and the other two samples (IPTG-Positive and IPTG-Negative) had the GFP-quorum sensing construct. The IPTG-Positive sample had a ~6X increase in GFP expression over the background IPTG-Negative cells, showing our construct worked correctly.</center></h0><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6 class="introText"><br />
Flow-cytometry is a laser-based technology that has a wide-range of uses, including multiparametric cell counting and cell sorting. In this study, we utilized the cell counting ability of a flow cytometer in order to determine how many of our cells were expressing GFP after being induced with IPTG (a lac analog). The “X-Median” seen on the three tables above shows the fluorescence intensity of all of the cells that were counted that were not considered dead (Median). <br />
Each sample measured 50,000 cells (Seen under All Events - Count), and then counted all of the cells that were alive (Median - Count), where each sample had between 47,000 and 49,000 live cells. From the data, and as illustrated in the graphs above, we can gather that the fluorescence intensity (X-Median) of the LB only cells was approximately 63 arbitrary fluorescence units (AFU), the IPTG-negative cells was ~17,000 AFU, and the intensity of the IPTG-positive cells was ~107,000 AFU, meaning that the IPTG-positive quorum sensing cells increased fluorescence intensity over 6X the background intensity (IPTG-negative cells).<br />
These results indicate that our quorum sensing construct works and greatly increases GFP expression when activated through IPTG-induction. The IPTG-negative cells also expressed some non-negligible degree of GFP, which suggests that the construct could still be improved further. However, the successful proof of concept of our quorum sensing construct is incredibly promising and allows us to proceed toward the next step.<br />
<br />
<br></br><br />
<br />
Since we know that the quorum sensing construct is functional and inducible with IPTG. We can now work towards replacing the GFP gene with the genes for our degradation enzymes, allowing us to control degradation by applying IPTG at different time points.<br />
<br />
<br></br><br />
<br />
In conjunction with working on controlling the initiation of degradation, we simultaneously worked with two degradation enzymes, esterase and cellulase. Both of these genes are isolated from the organism Neisseria sicca; the esterase is designed to de-acetylate cellulose acetate (our building material), and the cellulase breaks down the leftover cellulose into glucose monomers. <br />
<br />
After successfully transforming the esterase gene into E. coli, and confirming via colony PCR, we grew up a large culture of transformed cells and used this to extract and purify the esterase protein.<br />
<br />
<br></br><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/3/30/Sbs_igem_esterasepcrfinal.jpg><br><br />
<h6><center>This is an image of a gel electrophoresis done after running colony PCR with E. coli colonies transformed with our esterase gene. The esterase gene is approximately 1.5 kB, so this gel confirmed our transformation had worked, allowing us to proceed to protein purification.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/a9/Sbs_igem_esteraseproteingelfinal.jpg><br><br />
<h6><center>This is the SDS-page gel that was run after purifying the esterase protein from bacteria. The band is at 43 kDa, which is the expected size of the esterase protein.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br></br><br />
<br />
<h6>Once we had isolated our protein we were able to do functional assays with the esterase enzyme. By using a cellulose-binding dye that selectively binds to cellulose and not cellulose acetate, we were able to test whether or not the esterase enzyme was effective in de-acetylating commercial grade cellulose acetate. We soaked the cellulose acetate in the esterase protein at its optimal temperature of 30ºC and tested with the stain at multiple points. The results of our assay (shown below) demonstrate that over time the protein was working to degrade the cellulose acetate, as the blue stain intensity increased over time. In the future, we can better characterize our esterase protein by doing assays with more replicates, longer time periods, and varying amounts of protein.<h6><br />
<br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/6/62/Sbs_igem_esteraseassayfinalfinal.jpg><br><br />
<h6><center>This image shows the results from our staining assay on cellulose acetate. The pieces of cellulose acetate were soaked in esterase enzyme for varying amounts of time before their level of degradation was tested using the blue cellulose-binding dye.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br></br><br />
<br />
<h6>We are currently working on functional assays of the cellulase gene, and have submitted it as a <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks">BioBrick </a><a href="http://parts.igem.org/Part:BBa_K1499501">(BBa_K1499501)</a>.<h6><br />
<br />
<br />
<br />
<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 4 ====== --><br />
<br />
<div class="row"><br />
<div id="references" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Links & References ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>References</h5><br />
<h6><br />
Suspendisse volutpat sem eu ornare tincidunt. Mauris pharetra sed justo vitae sodales. Nulla in sodales tortor, placerat tempor dui.<br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Have a link or reference? Put it here!</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Link, acknowledgement, or reference 2</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Additional links, acknowledgements, and references</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 5 ====== --><br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells5"><br />
</div><br />
</div><br />
<br />
<!-- ====== Additional Information ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Additional Information</h5><br />
<h6><br />
Try to avoid having any additional information here. We're trying to keep our site organized, clean, and compelling!<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 6 ====== --><br />
<br />
<div class="row"><br />
<div id="precontact" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="https://static.igem.org/mediawiki/2014/8/86/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability
Team:StanfordBrownSpelman/Biodegradability
2014-10-17T00:18:13Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014 — Amberless Hell Cell</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/7/71/SBS_iGEM_2014_Biodegradation.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h3><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability">Biodegradability</a></h3><br />
<div class="boxedmenu"><h5><center><a href="#" id="intro">Introduction</a> ● <a href="#" id="methods">Methods</a> ● <a href="#" id="data">Results</a> ● <a href="#" id="links">References</a> ● <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks#B">BioBricks</a></h5></div><br />
<h6 id="int"><br />
<center><iframe width="420" height="315" src="//www.youtube.com/embed/PgdF8xIAh8c" frameborder="0" allowfullscreen></iframe><br><br></center><br />
Creating a biodegradable drone will reduce collateral waste, lightening the footprint of unmanned science missions on planetary environments and microecosystems. Since we are using BCOAc for the construction of our drone, we plan on transforming E. coli with two genes obtained from Niesseria sicca, which synthesizes enzymes capable of degrading BCOAc; the first gene is an esterase which deacetylates the BCOAc, and the second is endo-1,4-beta-glucanase, a cellulase which speeds BC degradation. In order to trigger the onset and spread of degradation, we are investigating pressure-sensitive promoters (to simulate impact) and time-sensitive promoters linked to bacterial quorum sensing machinery. Quorum sensing allows the signal for degradation to spread to surrounding cells, enabling the complete breakdown of our biomaterials from a single point of impact.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="process" class="small-3 small-centered columns cells4"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Methods ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Approach & Methods</h5><br />
<h6>Methods here.</h6> </div></div><br />
<div class="small-7 small-centered columns"><br><center><img src="https://static.igem.org/mediawiki/2014/6/6e/SBS_iGEM_2014_photo_placeholder.png"><br><br />
<h6><center><b>Figure 1.</b> Figure caption here.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<h6>More methods here. <br />
<br />
<div class="sub4"><a href="work/PUT-PDF-REFERENCE-HEREpdf" target="_blank"><img src="https://static.igem.org/mediawiki/2014/2/25/SBS_iGEM_2014_download.png"></a><a href="work/PUT-PDF-REFERENCE-HEREpdf">Click here to go to our project journal, which details our design and engineering process and included descriptions of the protocols we developed and used.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Cell Spacer 2 ====== --><br />
<br />
<div class="row"><br />
<div id="results" class="small-3 small-centered columns cells8"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Results ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Results</h5><br />
<h6><br />
Our goal for this project was not only to isolate biodegradation enzymes but also to control the release of these enzymes, so that our UAV would not degrade uncontrollably. In order to control the initiation of biodegradation, we first considered using a pressure sensor. This would allow the UAV to begin degrading after the impact of a crash. The 2008 Tokyo Tech iGem team found that the ptet promoter was pressure sensitive and increased its activity 3-fold after undergoing 30 MPa of pressure. We got their construct from the distribution kit and tested its functionality by monitoring GFP expression. We found that this promoter is always turned on even at very low pressures (The cells were bright green even with no pressure at all). When we introduced a repressor for the Ptet promoter, we found out that the repressor is too strong, and even at high pressures, the Ptet promoter will still be repressed. The photo and graphs below show our testing of the Ptet promoter in the presence and absence of the Tet repressor. </h6><br><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/a5/Ptet_promoter_testing.png><br><br />
<h6><center>This graph shows that there was not a clear correlation between the amount of pressure applied on the ptet promoter to the amount of GFP expression: For instance, application of 14000rpm pressure on cells with ptet promoter for 30 seconds led to production of less fluorescence than application of 5000rpm pressure to the same batch of cells.When Tet Repressor was used, its effect was too strong and we could not find a repressor that could inhibit ptet just enough to control the biodegradation process</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6><br />
On top of testing the ptet promoter, we analyzed the impact a crash would have on our UAV by using a force plate ,and we found it unlikely that the impact of the crash would ever reach as high a pressure as 30 MPa, based on projections from the data we collected. (see graph below). <br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/ac/Sbs_igem_forceplategraph.png><br><br />
<h6><center>We measured the pressure upon impact of an object similar in shape and weight to our UAV. We took measurements by dropping or throwing the object from various heights and angles. Based on our data, it is projected that even from a drop height of 10m, the pressure upon impact would not even be 1 MPa, making it unlikely that any crash would ever cause 30 MPa of pressure.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br></br><br />
<br />
<h6>We next tried to initiate degradation using a light sensor, which would activate degradation in the darkness, allowing our UAV to have a flight time of one day. We planned to do this using the construct from the UT Austin and UCSF 2004 Coliroid project. However, the strain of E. coli (EnvZ) that we needed to work with to use this construct was resistant to all 4 of the main antibiotics we had in our lab, making the bacteria difficult and expensive to work with.<h6><br />
<br />
<br></br><br />
<br />
<h6>Finally, we decided to use quorum sensing as a means of creating a time delay for initiation of degradation. Two previous constructs, BBa_I13202 and BBa_T9002, when combined, create a quorum sensing cascade used to initiate expression of GFP. We ligated these two parts together to create our novel part, BBa_K1499500, which we used for our assays. We found that, in lac deficient cells, the quorum sensing construct can be initiated by induction with IPTG. After this induction, GFP expression increases with time, implying that the construct is doing its job. Our data for this assay is shown below. <br />
</div></div></h6><br />
<br />
<br></br><br />
<div class="row"><br />
<h5><center>Quorum Sensing Data</h5> <br></br><br />
<img class="fitAll2" src="https://static.igem.org/mediawiki/2014/f/fc/NEGATIVE_CONTROL_TABLE.png"><br />
<img class="fitAll" src="https://static.igem.org/mediawiki/2014/3/3f/IPTG-NEGATIVE_TABLE.png"><br />
<img class="fitAll" src="https://static.igem.org/mediawiki/2014/b/b1/IPTG-POSITIVE_TABLE.png"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/1/1d/NEGATIVE_CONTROL_GRAPH.JPG"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/1/18/GFP_IPTG_NEGATIVE.JPG"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/4/43/GFP_IPTG_POSITIVE.JPG"><br />
<h6><center><b>Figure 1. Flow-Cytometer Data & Graphs: </b></h6><h0 class="introText"> The three graphs and tables above represent the flow-cytometer data obtained from three samples of lac-deficient E. coli cells. One of the samples was a negative control of LB-cultured E. coli cells (Negative Control), and the other two samples (IPTG-Positive and IPTG-Negative) had the GFP-quorum sensing construct. The IPTG-Positive sample had a ~6X increase in GFP expression over the background IPTG-Negative cells, showing our construct worked correctly.</center></h0><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6 class="introText"><br />
Flow-cytometry is a laser-based technology that has a wide-range of uses, including multiparametric cell counting and cell sorting. In this study, we utilized the cell counting ability of a flow cytometer in order to determine how many of our cells were expressing GFP after being induced with IPTG (a lac analog). The “X-Median” seen on the three tables above shows the fluorescence intensity of all of the cells that were counted that were not considered dead (Median). <br />
Each sample measured 50,000 cells (Seen under All Events - Count), and then counted all of the cells that were alive (Median - Count), where each sample had between 47,000 and 49,000 live cells. From the data, and as illustrated in the graphs above, we can gather that the fluorescence intensity (X-Median) of the LB only cells was approximately 63 arbitrary fluorescence units (AFU), the IPTG-negative cells was ~17,000 AFU, and the intensity of the IPTG-positive cells was ~107,000 AFU, meaning that the IPTG-positive quorum sensing cells increased fluorescence intensity over 6X the background intensity (IPTG-negative cells).<br />
These results indicate that our quorum sensing construct works and greatly increases GFP expression when activated through IPTG-induction. The IPTG-negative cells also expressed some non-negligible degree of GFP, which suggests that the construct could still be improved further. However, the successful proof of concept of our quorum sensing construct is incredibly promising and allows us to proceed toward the next step.<br />
<br />
<br></br><br />
<br />
Since we know that the quorum sensing construct is functional and inducible with IPTG. We can now work towards replacing the GFP gene with the genes for our degradation enzymes, allowing us to control degradation by applying IPTG at different time points.<br />
<br />
<br></br><br />
<br />
In conjunction with working on controlling the initiation of degradation, we simultaneously worked with two degradation enzymes, esterase and cellulase. Both of these genes are isolated from the organism Neisseria sicca; the esterase is designed to de-acetylate cellulose acetate (our building material), and the cellulase breaks down the leftover cellulose into glucose monomers. <br />
<br />
After successfully transforming the esterase gene into E. coli, and confirming via colony PCR, we grew up a large culture of transformed cells and used this to extract and purify the esterase protein.<br />
<br />
<br></br><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/3/30/Sbs_igem_esterasepcrfinal.jpg><br><br />
<h6><center>This is an image of a gel electrophoresis done after running colony PCR with E. coli colonies transformed with our esterase gene. The esterase gene is approximately 1.5 kB, so this gel confirmed our transformation had worked, allowing us to proceed to protein purification.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/a9/Sbs_igem_esteraseproteingelfinal.jpg><br><br />
<h6><center>This is the SDS-page gel that was run after purifying the esterase protein from bacteria. The band is at 43 kDa, which is the expected size of the esterase protein.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br></br><br />
<br />
<h6>Once we had isolated our protein we were able to do functional assays with the esterase enzyme. By using a cellulose-binding dye that selectively binds to cellulose and not cellulose acetate, we were able to test whether or not the esterase enzyme was effective in de-acetylating commercial grade cellulose acetate. We soaked the cellulose acetate in the esterase protein at its optimal temperature of 30ºC and tested with the stain at multiple points. The results of our assay (shown below) demonstrate that over time the protein was working to degrade the cellulose acetate, as the blue stain intensity increased over time. In the future, we can better characterize our esterase protein by doing assays with more replicates, longer time periods, and varying amounts of protein.<h6><br />
<br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/6/62/Sbs_igem_esteraseassayfinalfinal.jpg><br><br />
<h6><center>This image shows the results from our staining assay on cellulose acetate. The pieces of cellulose acetate were soaked in esterase enzyme for varying amounts of time before their level of degradation was tested using the blue cellulose-binding dye.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br></br><br />
<br />
<h6>We are currently working on functional assays of the cellulase gene, and have submitted it as a <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks">BioBrick </a><a href="http://parts.igem.org/Part:BBa_K1499501">(BBa_K1499501)</a>.<h6><br />
<br />
<br />
<br />
<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 4 ====== --><br />
<br />
<div class="row"><br />
<div id="references" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Links & References ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>References</h5><br />
<h6><br />
Suspendisse volutpat sem eu ornare tincidunt. Mauris pharetra sed justo vitae sodales. Nulla in sodales tortor, placerat tempor dui.<br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Have a link or reference? Put it here!</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Link, acknowledgement, or reference 2</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Additional links, acknowledgements, and references</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 5 ====== --><br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells5"><br />
</div><br />
</div><br />
<br />
<!-- ====== Additional Information ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Additional Information</h5><br />
<h6><br />
Try to avoid having any additional information here. We're trying to keep our site organized, clean, and compelling!<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 6 ====== --><br />
<br />
<div class="row"><br />
<div id="precontact" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="https://static.igem.org/mediawiki/2014/8/86/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/stylesheet
Team:StanfordBrownSpelman/stylesheet
2014-10-16T21:38:16Z
<p>Angelofspeed: </p>
<hr />
<div>/* ====== CSS Added ====== */<br />
<br />
::selection {<br />
background: #cccccc; /* WebKit/Blink Browsers */<br />
}<br />
::-moz-selection {<br />
background: #cccccc; /* Gecko Browsers */<br />
}<br />
<br />
/*<br />
#roof, #bottom, #left, #right {<br />
position: fixed;<br />
}<br />
#left, #right {<br />
z-index: 3000;<br />
top: 0; bottom: 0;<br />
width: 10px;<br />
}<br />
#left { left: 0; background: #000000 }<br />
#right { right: 0; background: #000000 }<br />
<br />
#roof, #bottom {<br />
z-index: 3000;<br />
left: 0; right: 0;<br />
height: 10px;<br />
}<br />
#roof { top: 0; background: #000000 }<br />
#bottom { bottom: 0; background: #000000 }<br />
*/<br />
<br />
<br />
.circle {<br />
box-shadow: inset 0px 0px 60px #ffffff;<br />
<br />
background-color: #f9f4f2;<br />
z-index: -100;<br />
border-radius: 50%;<br />
width: 480px;<br />
height: 480px;<br />
position: relative;<br />
left: 50%;<br />
top: 50%;<br />
<br />
/*<br />
* Where the magic happens<br />
* Centering method from CSS Tricks<br />
* http://css-tricks.com/centering-percentage-widthheight-elements/<br />
*/<br />
transform: translate(-50%, -50%);<br />
-webkit-transform: translate(-50%, -50%);<br />
-o-transform: translate(-50%, -50%);<br />
-ms-transform: translate(-50%, -50%);<br />
}<br />
<br />
.title {<br />
width:100%;<br />
text-align:center;<br />
margin:auto;<br />
position:absolute;<br />
top:18px;<br />
z-index:2000;<br />
}<br />
.wiki {<br />
position:fixed;<br />
top:18px;<br />
right:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.projects {<br />
position:fixed;<br />
top:18px;<br />
left:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.team {<br />
position:fixed;<br />
bottom:10px;<br />
left:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.contact {<br />
position:fixed;<br />
bottom: 10px;<br />
right:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
<br />
/* FOR BIO D PAGE */<br />
/***************************/<br />
<br />
.fitAll {<br />
height: 200px;<br />
max-width:300px;<br />
margin-bottom: 20px;<br />
}<br />
<br />
.fitAll2 {<br />
height: 200px;<br />
max-width:300px;<br />
margin-bottom: 20px;<br />
margin-top: 3px;<br />
}<br />
<br />
.reduceSize {<br />
height: 250px;<br />
margin-right: 30px;<br />
margin-left: 30px;<br />
margin-bottom: 20px;<br />
}<br />
/***************************/<br />
#iGEMimagelogomain img {<br />
width: 50px;<br />
}<br />
<br />
<br />
/* ====== SPLASH ====== */<br />
<br />
#globalWrapper {<br />
background-size: cover;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
}<br />
<br />
#landing {<br />
width: 100%;<br />
height: 700px;<br />
background-image: url("https://static.igem.org/mediawiki/2014/7/71/SBSiGEM_Drone_Map_1.png");<br />
background-size: cover;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
z-index: 6000;<br />
position: relative;<br />
overflow: hidden;<br />
text-align: center;<br />
}<br />
<br />
#title{<br />
font-size: 64pt;<br />
line-height: 70pt;<br />
color: black;<br />
font-family: 'Montserrat', Futura, Arial, sans-serif;<br />
text-shadow: 6px 6px 12px rgba(0,0,0, .25);<br />
opacity:0.95;<br />
}<br />
<br />
#name {<br />
position: absolute;<br />
left: 50%;<br />
top: 50%;<br />
<br />
/*<br />
* Where the magic happens<br />
* Centering method from CSS Tricks<br />
* http://css-tricks.com/centering-percentage-widthheight-elements/<br />
*/<br />
transform: translate(-50%, -50%);<br />
-webkit-transform: translate(-50%, -50%);<br />
-o-transform: translate(-50%, -50%);<br />
-ms-transform: translate(-50%, -50%);<br />
}<br />
<br />
<br />
/* ====== Remainder ====== */<br />
<br />
nav {<br />
position: fixed;<br />
left: 0;<br />
right: 0;<br />
top: 0;<br />
z-index: 10000;<br />
font-size: 12pt;<br />
<br />
height: 45px;<br />
}<br />
<br />
nav .links {<br />
float: left;<br />
padding: 10px;<br />
}<br />
nav .links:hover{<br />
opacity: .6;<br />
}<br />
<br />
nav .links:active{<br />
background-color: transparent;<br />
}<br />
<br />
#about{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#about img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 50px;<br />
}<br />
<br />
#about .sub{<br />
padding-left: 110px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
#bioBrick{<br />
margin-top: 10px;<br />
margin-bottom: 10px;<br />
}<br />
<br />
#bioBrick img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 25px;<br />
}<br />
<br />
#bioBrick .sub{<br />
padding-left: 85px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
#bioBrickFinal{<br />
margin-top: 10px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#bioBrickFinal img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 25px;<br />
}<br />
<br />
#bioBrickFinal .sub{<br />
padding-left: 85px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
.projecticon-bio-bricks{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
#work{<br />
margin-top: 30px;<br />
}<br />
<br />
#work img{<br />
width: 115px;<br />
height: 115px;<br />
position: absolute;<br />
left: 0px;<br />
top:-6px;<br />
}<br />
<br />
#work .sub2{<br />
left: 90px;<br />
padding-left: 140px;<br />
position: relative;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#work .sub3{<br />
left: 0px;<br />
padding-left: 140px;<br />
position: relative;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#thanks{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#connect{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#connect img{<br />
width: 70px;<br />
height: 70px;<br />
position: relative;<br />
left: 0px;<br />
top: 0px;<br />
}<br />
<br />
#mobile1{<br />
margin-top: 10px;<br />
margin-bottom: 8px;<br />
}<br />
<br />
#mobile2{<br />
margin-top: 20px;<br />
margin-bottom: 20px;<br />
}<br />
<br />
#mobile2 img{<br />
width: 40px;<br />
height: 40px;<br />
position: relative;<br />
left: 0px;<br />
top: 0px;<br />
}<br />
<br />
div#closing a.external <br />
{<br />
background:none !important;<br />
padding: 0px !important;<br />
}<br />
<br />
#closing h6{<br />
margin-top: 30px;<br />
margin-bottom: 0px;<br />
padding-bottom: 20px; <br />
font-size: 8pt; <br />
color: #cccccc;<br />
}<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
#teamNoodle {<br />
}<br />
<br />
.placeholder{<br />
width:100%;<br />
max-width:800px;<br />
height:20px;<br />
background-image: white);<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 20px;<br />
}<br />
<br />
.placeholder2{<br />
width:100%;<br />
max-width:800px;<br />
height:30px;<br />
background-image: white);<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 20px;<br />
}<br />
<br />
.cells{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_cells.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells2{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/6/6a/SBS_iGEM_2014_cells2.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells3{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/9/99/SBS_iGEM_2014_cells3.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells4{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/8/81/SBS_iGEM_2014_cells4.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells5{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/e/ee/SBS_iGEM_2014_cells5.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells6{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/8/81/SBS_iGEM_2014_cells6.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells7{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/e/e2/SBS_iGEM_2014_cells7.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells8{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/4/49/SBS_iGEM_2014_cells8.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
/* ====== CSS for Sub-Pages ====== */<br />
<br />
.projecticon-cellulose-acetate{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
display:block;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-cellulose-acetate img{<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto;<br />
width: 162px;<br />
height: 162px;<br />
float: top;<br />
}<br />
<br />
.projecticon-hell-cell{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-waterproofing{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-biodegradation{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-human-practices{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-drone{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/d/dd/SBS_iGEM_2014_drone_icon.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-meet-team{<br />
width:130%;<br />
max-width:800px;<br />
height:573.89px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/c/c8/FullTeamPic.jpg");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:800px;<br />
margin-top: 10px;<br />
margin-bottom: 10px;<br />
}<br />
<br />
#header{<br />
margin-top: 10px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#photo{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#subheader{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#subheader .sub4{<br />
padding-left: 130px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader .subindent{<br />
padding-left: 50px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader img{<br />
width: 70px;<br />
height: 70px;<br />
top: -2px;<br />
position: absolute;<br />
left: 50px;<br />
}<br />
<br />
#subheader .sub5{<br />
padding-left: 55px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader .sub6{<br />
padding-left: 55px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
font-family:'Inconsolata', Helvetica, Arial, sans-serif;<br />
font-size: 13px;<br />
line-height: 8px;<br />
}<br />
<br />
#images{<br />
}<br />
<br />
#results{<br />
}<br />
<br />
#process{<br />
}<br />
<br />
#references{<br />
}<br />
<br />
<br />
/* ====== CSS Added Over ====== */<br />
<br />
<br />
<br />
<br />
<br />
<br />
meta.foundation-version {<br />
font-family: "/5.3.1/"; }<br />
<br />
meta.foundation-mq-small {<br />
font-family: "/only screen/";<br />
width: 0em; }<br />
<br />
meta.foundation-mq-medium {<br />
font-family: "/only screen and (min-width:40.063em)/";<br />
width: 40.063em; }<br />
<br />
meta.foundation-mq-large {<br />
font-family: "/only screen and (min-width:64.063em)/";<br />
width: 64.063em; }<br />
<br />
meta.foundation-mq-xlarge {<br />
font-family: "/only screen and (min-width:90.063em)/";<br />
width: 90.063em; }<br />
<br />
meta.foundation-mq-xxlarge {<br />
font-family: "/only screen and (min-width:120.063em)/";<br />
width: 120.063em; }<br />
<br />
meta.foundation-data-attribute-namespace {<br />
font-family: false; }<br />
<br />
html, body {<br />
height: 100%;<br />
}<br />
<br />
*,<br />
*:before,<br />
*:after {<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box; }<br />
<br />
html,<br />
body {<br />
font-size: 100%; }<br />
<br />
body {<br />
background: #ffffff;<br />
color: #00000;<br />
padding: 0;<br />
margin: 0;<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
line-height: 1;<br />
position: relative;<br />
/* cursor: url('../images/drone_cursor.png'), default; */<br />
cursor: default; }<br />
<br />
img {<br />
max-width: 100%;<br />
height: auto;<br />
margin-bottom: 4px; }<br />
<br />
/* IMAGE BOTTOM MARGIN MAY CAUSE PROBLEMS */<br />
<br />
img {<br />
-ms-interpolation-mode: bicubic; }<br />
<br />
#map_canvas img,<br />
#map_canvas embed,<br />
#map_canvas object,<br />
.map_canvas img,<br />
.map_canvas embed,<br />
.map_canvas object {<br />
max-width: none !important; }<br />
<br />
.left {<br />
float: left !important; }<br />
<br />
.right {<br />
float: right !important; }<br />
<br />
.clearfix:before, .clearfix:after {<br />
content: " ";<br />
display: table; }<br />
.clearfix:after {<br />
clear: both; }<br />
<br />
.hide {<br />
display: none; }<br />
<br />
.antialiased {<br />
-webkit-font-smoothing: antialiased;<br />
-moz-osx-font-smoothing: grayscale; }<br />
<br />
img {<br />
display: inline-block;<br />
vertical-align: middle; }<br />
<br />
textarea {<br />
height: auto;<br />
min-height: 50px; }<br />
<br />
select {<br />
width: 100%; }<br />
<br />
.introText {<br />
text-indent: 50px;<br />
} <br />
<br />
.row {<br />
width: 100%;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
max-width: 62.5em; }<br />
.row:before, .row:after {<br />
content: " ";<br />
display: table; }<br />
.row:after {<br />
clear: both; }<br />
.row.collapse > .column,<br />
.row.collapse > .columns {<br />
padding-left: 0;<br />
padding-right: 0; }<br />
.row.collapse .row {<br />
margin-left: 0;<br />
margin-right: 0; }<br />
.row .row {<br />
width: auto;<br />
margin-left: -0.9375em;<br />
margin-right: -0.9375em;<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
max-width: none; }<br />
.row .row:before, .row .row:after {<br />
content: " ";<br />
display: table; }<br />
.row .row:after {<br />
clear: both; }<br />
.row .row.collapse {<br />
width: auto;<br />
margin: 0;<br />
max-width: none; }<br />
.row .row.collapse:before, .row .row.collapse:after {<br />
content: " ";<br />
display: table; }<br />
.row .row.collapse:after {<br />
clear: both; }<br />
<br />
.column,<br />
.columns {<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
width: 100%;<br />
float: left; }<br />
<br />
[class*="column"] + [class*="column"]:last-child {<br />
float: right; }<br />
<br />
[class*="column"] + [class*="column"].end {<br />
float: left; }<br />
<br />
@media only screen {<br />
.small-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.small-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.small-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.small-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.small-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.small-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.small-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.small-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.small-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.small-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.small-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.small-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.small-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.small-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.small-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.small-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.small-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.small-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.small-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.small-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.small-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.small-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.small-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.small-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.small-1 {<br />
width: 8.33333%; }<br />
<br />
.small-2 {<br />
width: 16.66667%; }<br />
<br />
.small-3 {<br />
width: 25%; }<br />
<br />
.small-4 {<br />
width: 33.33333%; }<br />
<br />
.small-5 {<br />
width: 41.66667%; }<br />
<br />
.small-6 {<br />
width: 50%; }<br />
<br />
.small-7 {<br />
width: 58.33333%; }<br />
<br />
.small-8 {<br />
width: 66.66667%; }<br />
<br />
.small-9 {<br />
width: 75%; }<br />
<br />
.small-10 {<br />
width: 83.33333%; }<br />
<br />
.small-11 {<br />
width: 88%; }<br />
<br />
.small-12 {<br />
width: 100%; }<br />
<br />
.small-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.small-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.small-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.small-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.small-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.small-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.small-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.small-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.small-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.small-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.small-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.small-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.small-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.small-centered,<br />
.columns.small-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.small-uncentered,<br />
.columns.small-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.small-centered:last-child,<br />
.columns.small-centered:last-child {<br />
float: none; }<br />
<br />
.column.small-uncentered:last-child,<br />
.columns.small-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.small-uncentered.opposite,<br />
.columns.small-uncentered.opposite {<br />
float: right; } }<br />
@media only screen and (min-width: 40.063em) {<br />
.medium-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.medium-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.medium-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.medium-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.medium-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.medium-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.medium-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.medium-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.medium-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.medium-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.medium-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.medium-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.medium-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.medium-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.medium-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.medium-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.medium-1 {<br />
width: 8.33333%; }<br />
<br />
.medium-2 {<br />
width: 16.66667%; }<br />
<br />
.medium-3 {<br />
width: 25%; }<br />
<br />
.medium-4 {<br />
width: 33.33333%; }<br />
<br />
.medium-5 {<br />
width: 41.66667%; }<br />
<br />
.medium-6 {<br />
width: 50%; }<br />
<br />
.medium-7 {<br />
width: 58.33333%; }<br />
<br />
.medium-8 {<br />
width: 66.66667%; }<br />
<br />
.medium-9 {<br />
width: 75%; }<br />
<br />
.medium-10 {<br />
width: 83.33333%; }<br />
<br />
.medium-11 {<br />
width: 91.66667%; }<br />
<br />
.medium-12 {<br />
width: 100%; }<br />
<br />
.medium-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.medium-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.medium-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.medium-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.medium-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.medium-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.medium-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.medium-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.medium-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.medium-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.medium-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.medium-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.medium-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.medium-centered,<br />
.columns.medium-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.medium-uncentered,<br />
.columns.medium-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.medium-centered:last-child,<br />
.columns.medium-centered:last-child {<br />
float: none; }<br />
<br />
.column.medium-uncentered:last-child,<br />
.columns.medium-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.medium-uncentered.opposite,<br />
.columns.medium-uncentered.opposite {<br />
float: right; }<br />
<br />
.push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; } }<br />
@media only screen and (min-width: 64.063em) {<br />
.large-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.large-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.large-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.large-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.large-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.large-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.large-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.large-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.large-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.large-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.large-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.large-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.large-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.large-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.large-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.large-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.large-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.large-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.large-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.large-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.large-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.large-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.large-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.large-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.large-1 {<br />
width: 8.33333%; }<br />
<br />
.large-2 {<br />
width: 16.66667%; }<br />
<br />
.large-3 {<br />
width: 25%; }<br />
<br />
.large-4 {<br />
width: 33.33333%; }<br />
<br />
.large-5 {<br />
width: 41.66667%; }<br />
<br />
.large-6 {<br />
width: 50%; }<br />
<br />
.large-7 {<br />
width: 58.33333%; }<br />
<br />
.large-8 {<br />
width: 66.66667%; }<br />
<br />
.large-9 {<br />
width: 75%; }<br />
<br />
.large-10 {<br />
width: 83.33333%; }<br />
<br />
.large-11 {<br />
width: 91.66667%; }<br />
<br />
.large-12 {<br />
width: 100%; }<br />
<br />
.large-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.large-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.large-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.large-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.large-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.large-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.large-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.large-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.large-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.large-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.large-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.large-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.large-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.large-centered,<br />
.columns.large-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.large-uncentered,<br />
.columns.large-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.large-centered:last-child,<br />
.columns.large-centered:last-child {<br />
float: none; }<br />
<br />
.column.large-uncentered:last-child,<br />
.columns.large-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.large-uncentered.opposite,<br />
.columns.large-uncentered.opposite {<br />
float: right; }<br />
<br />
.push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; } }<br />
.text-left {<br />
text-align: left !important; }<br />
<br />
.text-right {<br />
text-align: right !important; }<br />
<br />
.text-center {<br />
text-align: center !important; }<br />
<br />
.text-justify {<br />
text-align: justify !important; }<br />
<br />
@media only screen and (max-width: 40em) {<br />
.small-only-text-left {<br />
text-align: left !important; }<br />
<br />
.small-only-text-right {<br />
text-align: right !important; }<br />
<br />
.small-only-text-center {<br />
text-align: center !important; }<br />
<br />
.small-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen {<br />
.small-text-left {<br />
text-align: left !important; }<br />
<br />
.small-text-right {<br />
text-align: right !important; }<br />
<br />
.small-text-center {<br />
text-align: center !important; }<br />
<br />
.small-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 40.063em) and (max-width: 64em) {<br />
.medium-only-text-left {<br />
text-align: left !important; }<br />
<br />
.medium-only-text-right {<br />
text-align: right !important; }<br />
<br />
.medium-only-text-center {<br />
text-align: center !important; }<br />
<br />
.medium-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 40.063em) {<br />
.medium-text-left {<br />
text-align: left !important; }<br />
<br />
.medium-text-right {<br />
text-align: right !important; }<br />
<br />
.medium-text-center {<br />
text-align: center !important; }<br />
<br />
.medium-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 64.063em) and (max-width: 90em) {<br />
.large-only-text-left {<br />
text-align: left !important; }<br />
<br />
.large-only-text-right {<br />
text-align: right !important; }<br />
<br />
.large-only-text-center {<br />
text-align: center !important; }<br />
<br />
.large-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 64.063em) {<br />
.large-text-left {<br />
text-align: left !important; }<br />
<br />
.large-text-right {<br />
text-align: right !important; }<br />
<br />
.large-text-center {<br />
text-align: center !important; }<br />
<br />
.large-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 90.063em) and (max-width: 120em) {<br />
.xlarge-only-text-left {<br />
text-align: left !important; }<br />
<br />
.xlarge-only-text-right {<br />
text-align: right !important; }<br />
<br />
.xlarge-only-text-center {<br />
text-align: center !important; }<br />
<br />
.xlarge-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 90.063em) {<br />
.xlarge-text-left {<br />
text-align: left !important; }<br />
<br />
.xlarge-text-right {<br />
text-align: right !important; }<br />
<br />
.xlarge-text-center {<br />
text-align: center !important; }<br />
<br />
.xlarge-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {<br />
.xxlarge-only-text-left {<br />
text-align: left !important; }<br />
<br />
.xxlarge-only-text-right {<br />
text-align: right !important; }<br />
<br />
.xxlarge-only-text-center {<br />
text-align: center !important; }<br />
<br />
.xxlarge-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 120.063em) {<br />
.xxlarge-text-left {<br />
text-align: left !important; }<br />
<br />
.xxlarge-text-right {<br />
text-align: right !important; }<br />
<br />
.xxlarge-text-center {<br />
text-align: center !important; }<br />
<br />
.xxlarge-text-justify {<br />
text-align: justify !important; } }<br />
/* Typography resets */<br />
div,<br />
dl,<br />
dt,<br />
dd,<br />
ul,<br />
ol,<br />
li,<br />
h1,<br />
h2,<br />
h3,<br />
h4,<br />
h5,<br />
h6,<br />
h0,<br />
pre,<br />
form,<br />
p,<br />
blockquote,<br />
th,<br />
td {<br />
margin: 0;<br />
padding: 0; }<br />
<br />
/* Default Link Styles */<br />
a {<br />
color: #000000;<br />
text-decoration: none;<br />
line-height: inherit; }<br />
<br />
<br />
a.one:hover { color: #eaea13; }<br />
a.two:hover { color: #fbb03b; }<br />
a.three:hover { color: #dbef20; }<br />
a.four:hover { color: #a2d650; }<br />
a.five:hover { color: #4fcc36; }<br />
a.six:hover { color: #22b573; }<br />
a.seven:hover { color: #39b54a; }<br />
a.eight:hover { color: #00a99d; }<br />
a.nine:hover { color: #18d3a2; }<br />
a.ten:hover { color: #b2ae22; }<br />
<br />
<br />
a img {<br />
border: none; }<br />
<br />
/* Default paragraph styles */<br />
p {<br />
font-family: inherit;<br />
font-weight: normal;<br />
font-size: 1rem;<br />
line-height: 1.6;<br />
margin-bottom: 1.25rem;<br />
text-rendering: optimizeLegibility; }<br />
p.lead {<br />
font-size: 1.21875rem;<br />
line-height: 1.6; }<br />
p aside {<br />
font-size: 0.875rem;<br />
line-height: 1.35;<br />
font-style: italic; }<br />
<br />
/* Default header styles */<br />
h0, h1, h2, h3, h4, h5, h6 {<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
color: #000000;<br />
text-rendering: optimizeLegibility;<br />
margin-top: 0.2rem;<br />
margin-bottom: 0.5rem;<br />
line-height: 1.4; }<br />
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {<br />
font-size: 60%;<br />
color: #6f6f6f;<br />
line-height: 0; }<br />
<br />
h0 {<br />
font-size: .7rem;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: justify; }<br />
<br />
h1 {<br />
font-size: 2.125rem; }<br />
<br />
h2 {<br />
/* font-size: 1.6875rem; */<br />
font-size: 1.0rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
<br />
}<br />
<br />
h3 {<br />
font-size: 1.375rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h4 {<br />
font-size: 1.125rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h5 {<br />
font-size: 1.125rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 10px; }<br />
<br />
h6 {<br />
font-size: .8rem;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: justify; }<br />
<br />
.boxedmenu {<br />
border-bottom: 2px solid green;<br />
border-top: 2px solid green;<br />
margin-bottom: 25px;<br />
}<br />
<br />
.boxedimg {<br />
border-bottom: 2px solid #218282;<br />
border-top: 2px solid #218282;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
}<br />
<br />
h7 {<br />
/* font-size: 1.6875rem; */<br />
font-size: 1.3rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
.subheader {<br />
line-height: 1.4;<br />
color: #6f6f6f;<br />
font-weight: normal;<br />
margin-top: 0.2rem;<br />
margin-bottom: 0.5rem; }<br />
<br />
hr {<br />
border: solid #dddddd;<br />
border-width: 1px 0 0;<br />
clear: both;<br />
margin: 1.25rem 0 1.1875rem;<br />
height: 0; }<br />
<br />
/* Helpful Typography Defaults */<br />
em,<br />
i {<br />
font-style: italic;<br />
line-height: inherit; }<br />
<br />
strong,<br />
b {<br />
font-weight: bold;<br />
line-height: inherit; }<br />
<br />
small {<br />
font-size: 60%;<br />
line-height: inherit; }<br />
<br />
code {<br />
font-family: Consolas, "Liberation Mono", Courier, monospace;<br />
font-weight: bold;<br />
color: #910b0e; }<br />
<br />
/* Lists */<br />
ul,<br />
ol,<br />
dl {<br />
font-size: 1rem;<br />
line-height: 1.6;<br />
margin-bottom: 1.25rem;<br />
list-style-position: outside;<br />
font-family: inherit; }<br />
<br />
ul {<br />
margin-left: 1.1rem; }<br />
ul.no-bullet {<br />
margin-left: 0; }<br />
ul.no-bullet li ul,<br />
ul.no-bullet li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0;<br />
list-style: none; }<br />
<br />
/* Unordered Lists */<br />
ul li ul,<br />
ul li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0; }<br />
ul.square li ul, ul.circle li ul, ul.disc li ul {<br />
list-style: inherit; }<br />
ul.square {<br />
list-style-type: square;<br />
margin-left: 1.1rem; }<br />
ul.circle {<br />
list-style-type: circle;<br />
margin-left: 1.1rem; }<br />
ul.disc {<br />
list-style-type: disc;<br />
margin-left: 1.1rem; }<br />
ul.no-bullet {<br />
list-style: none; }<br />
<br />
/* Ordered Lists */<br />
ol {<br />
margin-left: 1.4rem; }<br />
ol li ul,<br />
ol li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0; }<br />
<br />
/* Definition Lists */<br />
dl dt {<br />
margin-bottom: 0.3rem;<br />
font-weight: bold; }<br />
dl dd {<br />
margin-bottom: 0.75rem; }<br />
<br />
/* Abbreviations */<br />
abbr,<br />
acronym {<br />
text-transform: uppercase;<br />
font-size: 90%;<br />
color: #000000;<br />
border-bottom: 1px dotted #dddddd;<br />
cursor: help; }<br />
<br />
abbr {<br />
text-transform: none; }<br />
<br />
/* Blockquotes */<br />
blockquote {<br />
margin: 0 0 1.25rem;<br />
padding: 0.5625rem 1.25rem 0 1.1875rem;<br />
border-left: 1px solid #dddddd; }<br />
blockquote cite {<br />
display: block;<br />
font-size: 0.8125rem;<br />
color: #555555; }<br />
blockquote cite:before {<br />
content: "\2014 \0020"; }<br />
blockquote cite a,<br />
blockquote cite a:visited {<br />
color: #555555; }<br />
<br />
blockquote,<br />
blockquote p {<br />
line-height: 1.6;<br />
color: #6f6f6f; }<br />
<br />
/* Microformats */<br />
.vcard {<br />
display: inline-block;<br />
margin: 0 0 1.25rem 0;<br />
border: 1px solid #dddddd;<br />
padding: 0.625rem 0.75rem; }<br />
.vcard li {<br />
margin: 0;<br />
display: block; }<br />
.vcard .fn {<br />
font-weight: bold;<br />
font-size: 0.9375rem; }<br />
<br />
.vevent .summary {<br />
font-weight: bold; }<br />
.vevent abbr {<br />
cursor: default;<br />
text-decoration: none;<br />
font-weight: bold;<br />
border: none;<br />
padding: 0 0.0625rem; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
h0, h1, h2, h3, h4, h5, h6 {<br />
line-height: 1.4; }<br />
<br />
h0 {<br />
font-size: .7rem;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: left; }<br />
<br />
h1 {<br />
font-size: 2.75rem; }<br />
<br />
h2 {<br />
/* font-size: 2.3125rem; */<br />
font-size: 1.3rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
h3 {<br />
font-size: 1.6875rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h4 {<br />
font-size: 1.4375rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h5 {<br />
font-size: 1.4375rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 10px; }<br />
<br />
h6 {<br />
font-size: 1rem;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: left; <br />
} <br />
<br />
h7 {<br />
/* font-size: 2.3125rem; */<br />
font-size: 1.0rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
}<br />
<br />
/* ====== CSS Added ======<br />
<br />
img{<br />
width: 80px;<br />
height: 80px;<br />
position: absolute;<br />
left: 0px;<br />
top:-6px;<br />
}<br />
<br />
====== CSS Added End ====== */<br />
<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
/*<br />
* Print styles.<br />
*<br />
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/<br />
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)<br />
*/<br />
.print-only {<br />
display: none !important; }<br />
<br />
@media print {<br />
* {<br />
background: transparent !important;<br />
color: black !important;<br />
/* Black prints faster: h5bp.com/s */<br />
box-shadow: none !important;<br />
text-shadow: none !important; }<br />
<br />
a,<br />
a:visited {<br />
text-decoration: underline; }<br />
<br />
a[href]:after {<br />
content: " (" attr(href) ")"; }<br />
<br />
abbr[title]:after {<br />
content: " (" attr(title) ")"; }<br />
<br />
.ir a:after,<br />
a[href^="javascript:"]:after,<br />
a[href^="#"]:after {<br />
content: ""; }<br />
<br />
pre,<br />
blockquote {<br />
border: 1px solid #999999;<br />
page-break-inside: avoid; }<br />
<br />
thead {<br />
display: table-header-group;<br />
/* h5bp.com/t */ }<br />
<br />
tr,<br />
img {<br />
page-break-inside: avoid; }<br />
<br />
img {<br />
max-width: 100% !important; }<br />
<br />
@page {<br />
margin: 0.5cm; }<br />
<br />
p,<br />
h2,<br />
h3 {<br />
orphans: 3;<br />
widows: 3; }<br />
<br />
h2,<br />
h3 {<br />
page-break-after: avoid; }<br />
<br />
.hide-on-print {<br />
display: none !important; }<br />
<br />
.print-only {<br />
display: block !important; }<br />
<br />
.hide-for-print {<br />
display: none !important; }<br />
<br />
.show-for-print {<br />
display: inherit !important; } }<br />
.reveal-modal-bg {<br />
position: fixed;<br />
height: 100%;<br />
width: 100%;<br />
background: black;<br />
background: rgba(0, 0, 0, 0.45);<br />
z-index: 99;<br />
display: none;<br />
top: 0;<br />
left: 0; }<br />
<br />
dialog, .reveal-modal {<br />
visibility: hidden;<br />
display: none;<br />
position: absolute;<br />
z-index: 100;<br />
width: 100vw;<br />
top: 0;<br />
left: 0;<br />
background-color: white;<br />
padding: 1.25rem;<br />
border: solid 1px #666666;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }<br />
@media only screen and (max-width: 40em) {<br />
dialog, .reveal-modal {<br />
min-height: 100vh; } }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
left: 50%; } }<br />
dialog .column,<br />
dialog .columns, .reveal-modal .column,<br />
.reveal-modal .columns {<br />
min-width: 0; }<br />
dialog > :first-child, .reveal-modal > :first-child {<br />
margin-top: 0; }<br />
dialog > :last-child, .reveal-modal > :last-child {<br />
margin-bottom: 0; }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
margin-left: -40%;<br />
width: 80%; } }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
top: 6.25rem; } }<br />
dialog .close-reveal-modal, .reveal-modal .close-reveal-modal {<br />
font-size: 2.5rem;<br />
line-height: 1;<br />
position: absolute;<br />
top: 0.5rem;<br />
right: 0.6875rem;<br />
color: #aaaaaa;<br />
font-weight: bold;<br />
cursor: pointer; }<br />
<br />
dialog[open] {<br />
display: block;<br />
visibility: visible; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
padding: 1.875rem; }<br />
dialog.radius, .reveal-modal.radius {<br />
border-radius: 3px; }<br />
dialog.round, .reveal-modal.round {<br />
border-radius: 1000px; }<br />
dialog.collapse, .reveal-modal.collapse {<br />
padding: 0; }<br />
dialog.full, .reveal-modal.full {<br />
top: 0;<br />
left: 0;<br />
height: 100vh;<br />
min-height: 100vh;<br />
margin-left: 0 !important; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.tiny, .reveal-modal.tiny {<br />
margin-left: -15%;<br />
width: 30%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.small, .reveal-modal.small {<br />
margin-left: -20%;<br />
width: 40%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.medium, .reveal-modal.medium {<br />
margin-left: -30%;<br />
width: 60%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.large, .reveal-modal.large {<br />
margin-left: -35%;<br />
width: 70%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.xlarge, .reveal-modal.xlarge {<br />
margin-left: -47.5%;<br />
width: 95%; } }<br />
<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.full, .reveal-modal.full {<br />
margin-left: -50vw;<br />
width: 100vw; } }<br />
<br />
@media print {<br />
dialog, .reveal-modal {<br />
background: white !important; } }<br />
button, .button {<br />
border-style: solid;<br />
border-width: 0px;<br />
cursor: pointer;<br />
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: normal;<br />
line-height: normal;<br />
margin: 0 0 1.25rem;<br />
position: relative;<br />
text-decoration: none;<br />
text-align: center;<br />
-webkit-appearance: none;<br />
-webkit-border-radius: 0;<br />
display: inline-block;<br />
padding-top: 1rem;<br />
padding-right: 2rem;<br />
padding-bottom: 1.0625rem;<br />
padding-left: 2rem;<br />
font-size: 1rem;<br />
background-color: #2ba6cb;<br />
border-color: #2285a2;<br />
color: white;<br />
transition: background-color 300ms ease-out; }<br />
button:hover, button:focus, .button:hover, .button:focus {<br />
background-color: #2285a2; }<br />
button:hover, button:focus, .button:hover, .button:focus {<br />
color: white; }<br />
button.secondary, .button.secondary {<br />
background-color: #e9e9e9;<br />
border-color: #2285a2;<br />
color: #333333; }<br />
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {<br />
background-color: #2285a2; }<br />
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {<br />
color: #333333; }<br />
button.success, .button.success {<br />
background-color: #5da423;<br />
border-color: #2285a2;<br />
color: white; }<br />
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {<br />
background-color: #2285a2; }<br />
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {<br />
color: white; }<br />
button.alert, .button.alert {<br />
background-color: #c60f13;<br />
border-color: #2285a2;<br />
color: white; }<br />
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {<br />
background-color: #2285a2; }<br />
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {<br />
color: white; }<br />
button.large, .button.large {<br />
padding-top: 1.125rem;<br />
padding-right: 2.25rem;<br />
padding-bottom: 1.1875rem;<br />
padding-left: 2.25rem;<br />
font-size: 1.25rem; }<br />
button.small, .button.small {<br />
padding-top: 0.875rem;<br />
padding-right: 1.75rem;<br />
padding-bottom: 0.9375rem;<br />
padding-left: 1.75rem;<br />
font-size: 0.8125rem; }<br />
button.tiny, .button.tiny {<br />
padding-top: 0.625rem;<br />
padding-right: 1.25rem;<br />
padding-bottom: 0.6875rem;<br />
padding-left: 1.25rem;<br />
font-size: 0.6875rem; }<br />
button.expand, .button.expand {<br />
padding-right: 0;<br />
padding-left: 0;<br />
width: 100%; }<br />
button.left-align, .button.left-align {<br />
text-align: left;<br />
text-indent: 0.75rem; }<br />
button.right-align, .button.right-align {<br />
text-align: right;<br />
padding-right: 0.75rem; }<br />
button.radius, .button.radius {<br />
border-radius: 3px; }<br />
button.round, .button.round {<br />
border-radius: 1000px; }<br />
button.disabled, button[disabled], .button.disabled, .button[disabled] {<br />
background-color: #2ba6cb;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
background-color: #2285a2; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
color: white; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
background-color: #2ba6cb; }<br />
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {<br />
background-color: #e9e9e9;<br />
border-color: #2285a2;<br />
color: #333333;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
background-color: #2285a2; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
color: #333333; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
background-color: #e9e9e9; }<br />
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {<br />
background-color: #5da423;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
background-color: #2285a2; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
color: white; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
background-color: #5da423; }<br />
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {<br />
background-color: #c60f13;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
background-color: #2285a2; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
color: white; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
background-color: #c60f13; }<br />
<br />
button::-moz-focus-inner {<br />
border: 0;<br />
padding: 0; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
button, .button {<br />
display: inline-block; } }<br />
<br />
/* ====== Remove MediaWiki Look ====== */<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
<br />
/* Redesigning the topmenu */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;<br />
z-index: 1000;}<br />
#menubar {<br />
color: #000000;<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
line-height: 1;<br />
top: 9px;<br />
z-index: 2000;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: #cccccc;}<br />
#menubar:hover li a {<br />
color: #cccccc;}<br />
.left-menu .noprint ul li .new a {<br />
text-decoration: none;<br />
}<br />
a:hover, a:visited, a:link, a:active<br />
{<br />
text-decoration: none;<br />
}<br />
a:visited {<br />
color: black;<br />
}</div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/stylesheet
Team:StanfordBrownSpelman/stylesheet
2014-10-16T21:37:38Z
<p>Angelofspeed: </p>
<hr />
<div>/* ====== CSS Added ====== */<br />
<br />
::selection {<br />
background: #cccccc; /* WebKit/Blink Browsers */<br />
}<br />
::-moz-selection {<br />
background: #cccccc; /* Gecko Browsers */<br />
}<br />
<br />
/*<br />
#roof, #bottom, #left, #right {<br />
position: fixed;<br />
}<br />
#left, #right {<br />
z-index: 3000;<br />
top: 0; bottom: 0;<br />
width: 10px;<br />
}<br />
#left { left: 0; background: #000000 }<br />
#right { right: 0; background: #000000 }<br />
<br />
#roof, #bottom {<br />
z-index: 3000;<br />
left: 0; right: 0;<br />
height: 10px;<br />
}<br />
#roof { top: 0; background: #000000 }<br />
#bottom { bottom: 0; background: #000000 }<br />
*/<br />
<br />
<br />
.circle {<br />
box-shadow: inset 0px 0px 60px #ffffff;<br />
<br />
background-color: #f9f4f2;<br />
z-index: -100;<br />
border-radius: 50%;<br />
width: 480px;<br />
height: 480px;<br />
position: relative;<br />
left: 50%;<br />
top: 50%;<br />
<br />
/*<br />
* Where the magic happens<br />
* Centering method from CSS Tricks<br />
* http://css-tricks.com/centering-percentage-widthheight-elements/<br />
*/<br />
transform: translate(-50%, -50%);<br />
-webkit-transform: translate(-50%, -50%);<br />
-o-transform: translate(-50%, -50%);<br />
-ms-transform: translate(-50%, -50%);<br />
}<br />
<br />
.title {<br />
width:100%;<br />
text-align:center;<br />
margin:auto;<br />
position:absolute;<br />
top:18px;<br />
z-index:2000;<br />
}<br />
.wiki {<br />
position:fixed;<br />
top:18px;<br />
right:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.projects {<br />
position:fixed;<br />
top:18px;<br />
left:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.team {<br />
position:fixed;<br />
bottom:10px;<br />
left:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.contact {<br />
position:fixed;<br />
bottom: 10px;<br />
right:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
<br />
/* FOR BIO D PAGE */<br />
/***************************/<br />
<br />
.fitAll {<br />
height: 200px;<br />
max-width:300px;<br />
margin-bottom: 20px;<br />
}<br />
<br />
.fitAll2 {<br />
height: 200px;<br />
max-width:300px;<br />
margin-bottom: 20px;<br />
margin-top: 3px;<br />
}<br />
<br />
.reduceSize {<br />
height: 250px;<br />
margin-right: 65px;<br />
margin-bottom: 20px;<br />
}<br />
/***************************/<br />
#iGEMimagelogomain img {<br />
width: 50px;<br />
}<br />
<br />
<br />
/* ====== SPLASH ====== */<br />
<br />
#globalWrapper {<br />
background-size: cover;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
}<br />
<br />
#landing {<br />
width: 100%;<br />
height: 700px;<br />
background-image: url("https://static.igem.org/mediawiki/2014/7/71/SBSiGEM_Drone_Map_1.png");<br />
background-size: cover;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
z-index: 6000;<br />
position: relative;<br />
overflow: hidden;<br />
text-align: center;<br />
}<br />
<br />
#title{<br />
font-size: 64pt;<br />
line-height: 70pt;<br />
color: black;<br />
font-family: 'Montserrat', Futura, Arial, sans-serif;<br />
text-shadow: 6px 6px 12px rgba(0,0,0, .25);<br />
opacity:0.95;<br />
}<br />
<br />
#name {<br />
position: absolute;<br />
left: 50%;<br />
top: 50%;<br />
<br />
/*<br />
* Where the magic happens<br />
* Centering method from CSS Tricks<br />
* http://css-tricks.com/centering-percentage-widthheight-elements/<br />
*/<br />
transform: translate(-50%, -50%);<br />
-webkit-transform: translate(-50%, -50%);<br />
-o-transform: translate(-50%, -50%);<br />
-ms-transform: translate(-50%, -50%);<br />
}<br />
<br />
<br />
/* ====== Remainder ====== */<br />
<br />
nav {<br />
position: fixed;<br />
left: 0;<br />
right: 0;<br />
top: 0;<br />
z-index: 10000;<br />
font-size: 12pt;<br />
<br />
height: 45px;<br />
}<br />
<br />
nav .links {<br />
float: left;<br />
padding: 10px;<br />
}<br />
nav .links:hover{<br />
opacity: .6;<br />
}<br />
<br />
nav .links:active{<br />
background-color: transparent;<br />
}<br />
<br />
#about{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#about img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 50px;<br />
}<br />
<br />
#about .sub{<br />
padding-left: 110px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
#bioBrick{<br />
margin-top: 10px;<br />
margin-bottom: 10px;<br />
}<br />
<br />
#bioBrick img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 25px;<br />
}<br />
<br />
#bioBrick .sub{<br />
padding-left: 85px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
#bioBrickFinal{<br />
margin-top: 10px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#bioBrickFinal img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 25px;<br />
}<br />
<br />
#bioBrickFinal .sub{<br />
padding-left: 85px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
.projecticon-bio-bricks{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
#work{<br />
margin-top: 30px;<br />
}<br />
<br />
#work img{<br />
width: 115px;<br />
height: 115px;<br />
position: absolute;<br />
left: 0px;<br />
top:-6px;<br />
}<br />
<br />
#work .sub2{<br />
left: 90px;<br />
padding-left: 140px;<br />
position: relative;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#work .sub3{<br />
left: 0px;<br />
padding-left: 140px;<br />
position: relative;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#thanks{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#connect{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#connect img{<br />
width: 70px;<br />
height: 70px;<br />
position: relative;<br />
left: 0px;<br />
top: 0px;<br />
}<br />
<br />
#mobile1{<br />
margin-top: 10px;<br />
margin-bottom: 8px;<br />
}<br />
<br />
#mobile2{<br />
margin-top: 20px;<br />
margin-bottom: 20px;<br />
}<br />
<br />
#mobile2 img{<br />
width: 40px;<br />
height: 40px;<br />
position: relative;<br />
left: 0px;<br />
top: 0px;<br />
}<br />
<br />
div#closing a.external <br />
{<br />
background:none !important;<br />
padding: 0px !important;<br />
}<br />
<br />
#closing h6{<br />
margin-top: 30px;<br />
margin-bottom: 0px;<br />
padding-bottom: 20px; <br />
font-size: 8pt; <br />
color: #cccccc;<br />
}<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
#teamNoodle {<br />
}<br />
<br />
.placeholder{<br />
width:100%;<br />
max-width:800px;<br />
height:20px;<br />
background-image: white);<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 20px;<br />
}<br />
<br />
.placeholder2{<br />
width:100%;<br />
max-width:800px;<br />
height:30px;<br />
background-image: white);<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 20px;<br />
}<br />
<br />
.cells{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_cells.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells2{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/6/6a/SBS_iGEM_2014_cells2.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells3{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/9/99/SBS_iGEM_2014_cells3.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells4{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/8/81/SBS_iGEM_2014_cells4.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells5{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/e/ee/SBS_iGEM_2014_cells5.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells6{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/8/81/SBS_iGEM_2014_cells6.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells7{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/e/e2/SBS_iGEM_2014_cells7.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells8{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/4/49/SBS_iGEM_2014_cells8.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
/* ====== CSS for Sub-Pages ====== */<br />
<br />
.projecticon-cellulose-acetate{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
display:block;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-cellulose-acetate img{<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto;<br />
width: 162px;<br />
height: 162px;<br />
float: top;<br />
}<br />
<br />
.projecticon-hell-cell{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-waterproofing{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-biodegradation{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-human-practices{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-drone{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/d/dd/SBS_iGEM_2014_drone_icon.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-meet-team{<br />
width:130%;<br />
max-width:800px;<br />
height:573.89px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/c/c8/FullTeamPic.jpg");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:800px;<br />
margin-top: 10px;<br />
margin-bottom: 10px;<br />
}<br />
<br />
#header{<br />
margin-top: 10px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#photo{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#subheader{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#subheader .sub4{<br />
padding-left: 130px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader .subindent{<br />
padding-left: 50px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader img{<br />
width: 70px;<br />
height: 70px;<br />
top: -2px;<br />
position: absolute;<br />
left: 50px;<br />
}<br />
<br />
#subheader .sub5{<br />
padding-left: 55px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader .sub6{<br />
padding-left: 55px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
font-family:'Inconsolata', Helvetica, Arial, sans-serif;<br />
font-size: 13px;<br />
line-height: 8px;<br />
}<br />
<br />
#images{<br />
}<br />
<br />
#results{<br />
}<br />
<br />
#process{<br />
}<br />
<br />
#references{<br />
}<br />
<br />
<br />
/* ====== CSS Added Over ====== */<br />
<br />
<br />
<br />
<br />
<br />
<br />
meta.foundation-version {<br />
font-family: "/5.3.1/"; }<br />
<br />
meta.foundation-mq-small {<br />
font-family: "/only screen/";<br />
width: 0em; }<br />
<br />
meta.foundation-mq-medium {<br />
font-family: "/only screen and (min-width:40.063em)/";<br />
width: 40.063em; }<br />
<br />
meta.foundation-mq-large {<br />
font-family: "/only screen and (min-width:64.063em)/";<br />
width: 64.063em; }<br />
<br />
meta.foundation-mq-xlarge {<br />
font-family: "/only screen and (min-width:90.063em)/";<br />
width: 90.063em; }<br />
<br />
meta.foundation-mq-xxlarge {<br />
font-family: "/only screen and (min-width:120.063em)/";<br />
width: 120.063em; }<br />
<br />
meta.foundation-data-attribute-namespace {<br />
font-family: false; }<br />
<br />
html, body {<br />
height: 100%;<br />
}<br />
<br />
*,<br />
*:before,<br />
*:after {<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box; }<br />
<br />
html,<br />
body {<br />
font-size: 100%; }<br />
<br />
body {<br />
background: #ffffff;<br />
color: #00000;<br />
padding: 0;<br />
margin: 0;<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
line-height: 1;<br />
position: relative;<br />
/* cursor: url('../images/drone_cursor.png'), default; */<br />
cursor: default; }<br />
<br />
img {<br />
max-width: 100%;<br />
height: auto;<br />
margin-bottom: 4px; }<br />
<br />
/* IMAGE BOTTOM MARGIN MAY CAUSE PROBLEMS */<br />
<br />
img {<br />
-ms-interpolation-mode: bicubic; }<br />
<br />
#map_canvas img,<br />
#map_canvas embed,<br />
#map_canvas object,<br />
.map_canvas img,<br />
.map_canvas embed,<br />
.map_canvas object {<br />
max-width: none !important; }<br />
<br />
.left {<br />
float: left !important; }<br />
<br />
.right {<br />
float: right !important; }<br />
<br />
.clearfix:before, .clearfix:after {<br />
content: " ";<br />
display: table; }<br />
.clearfix:after {<br />
clear: both; }<br />
<br />
.hide {<br />
display: none; }<br />
<br />
.antialiased {<br />
-webkit-font-smoothing: antialiased;<br />
-moz-osx-font-smoothing: grayscale; }<br />
<br />
img {<br />
display: inline-block;<br />
vertical-align: middle; }<br />
<br />
textarea {<br />
height: auto;<br />
min-height: 50px; }<br />
<br />
select {<br />
width: 100%; }<br />
<br />
.introText {<br />
text-indent: 50px;<br />
} <br />
<br />
.row {<br />
width: 100%;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
max-width: 62.5em; }<br />
.row:before, .row:after {<br />
content: " ";<br />
display: table; }<br />
.row:after {<br />
clear: both; }<br />
.row.collapse > .column,<br />
.row.collapse > .columns {<br />
padding-left: 0;<br />
padding-right: 0; }<br />
.row.collapse .row {<br />
margin-left: 0;<br />
margin-right: 0; }<br />
.row .row {<br />
width: auto;<br />
margin-left: -0.9375em;<br />
margin-right: -0.9375em;<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
max-width: none; }<br />
.row .row:before, .row .row:after {<br />
content: " ";<br />
display: table; }<br />
.row .row:after {<br />
clear: both; }<br />
.row .row.collapse {<br />
width: auto;<br />
margin: 0;<br />
max-width: none; }<br />
.row .row.collapse:before, .row .row.collapse:after {<br />
content: " ";<br />
display: table; }<br />
.row .row.collapse:after {<br />
clear: both; }<br />
<br />
.column,<br />
.columns {<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
width: 100%;<br />
float: left; }<br />
<br />
[class*="column"] + [class*="column"]:last-child {<br />
float: right; }<br />
<br />
[class*="column"] + [class*="column"].end {<br />
float: left; }<br />
<br />
@media only screen {<br />
.small-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.small-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.small-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.small-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.small-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.small-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.small-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.small-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.small-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.small-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.small-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.small-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.small-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.small-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.small-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.small-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.small-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.small-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.small-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.small-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.small-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.small-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.small-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.small-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.small-1 {<br />
width: 8.33333%; }<br />
<br />
.small-2 {<br />
width: 16.66667%; }<br />
<br />
.small-3 {<br />
width: 25%; }<br />
<br />
.small-4 {<br />
width: 33.33333%; }<br />
<br />
.small-5 {<br />
width: 41.66667%; }<br />
<br />
.small-6 {<br />
width: 50%; }<br />
<br />
.small-7 {<br />
width: 58.33333%; }<br />
<br />
.small-8 {<br />
width: 66.66667%; }<br />
<br />
.small-9 {<br />
width: 75%; }<br />
<br />
.small-10 {<br />
width: 83.33333%; }<br />
<br />
.small-11 {<br />
width: 88%; }<br />
<br />
.small-12 {<br />
width: 100%; }<br />
<br />
.small-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.small-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.small-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.small-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.small-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.small-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.small-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.small-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.small-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.small-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.small-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.small-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.small-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.small-centered,<br />
.columns.small-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.small-uncentered,<br />
.columns.small-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.small-centered:last-child,<br />
.columns.small-centered:last-child {<br />
float: none; }<br />
<br />
.column.small-uncentered:last-child,<br />
.columns.small-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.small-uncentered.opposite,<br />
.columns.small-uncentered.opposite {<br />
float: right; } }<br />
@media only screen and (min-width: 40.063em) {<br />
.medium-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.medium-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.medium-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.medium-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.medium-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.medium-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.medium-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.medium-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.medium-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.medium-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.medium-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.medium-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.medium-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.medium-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.medium-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.medium-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.medium-1 {<br />
width: 8.33333%; }<br />
<br />
.medium-2 {<br />
width: 16.66667%; }<br />
<br />
.medium-3 {<br />
width: 25%; }<br />
<br />
.medium-4 {<br />
width: 33.33333%; }<br />
<br />
.medium-5 {<br />
width: 41.66667%; }<br />
<br />
.medium-6 {<br />
width: 50%; }<br />
<br />
.medium-7 {<br />
width: 58.33333%; }<br />
<br />
.medium-8 {<br />
width: 66.66667%; }<br />
<br />
.medium-9 {<br />
width: 75%; }<br />
<br />
.medium-10 {<br />
width: 83.33333%; }<br />
<br />
.medium-11 {<br />
width: 91.66667%; }<br />
<br />
.medium-12 {<br />
width: 100%; }<br />
<br />
.medium-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.medium-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.medium-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.medium-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.medium-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.medium-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.medium-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.medium-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.medium-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.medium-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.medium-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.medium-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.medium-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.medium-centered,<br />
.columns.medium-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.medium-uncentered,<br />
.columns.medium-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.medium-centered:last-child,<br />
.columns.medium-centered:last-child {<br />
float: none; }<br />
<br />
.column.medium-uncentered:last-child,<br />
.columns.medium-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.medium-uncentered.opposite,<br />
.columns.medium-uncentered.opposite {<br />
float: right; }<br />
<br />
.push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; } }<br />
@media only screen and (min-width: 64.063em) {<br />
.large-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.large-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.large-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.large-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.large-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.large-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.large-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.large-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.large-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.large-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.large-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.large-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.large-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.large-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.large-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.large-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.large-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.large-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.large-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.large-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.large-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.large-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.large-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.large-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.large-1 {<br />
width: 8.33333%; }<br />
<br />
.large-2 {<br />
width: 16.66667%; }<br />
<br />
.large-3 {<br />
width: 25%; }<br />
<br />
.large-4 {<br />
width: 33.33333%; }<br />
<br />
.large-5 {<br />
width: 41.66667%; }<br />
<br />
.large-6 {<br />
width: 50%; }<br />
<br />
.large-7 {<br />
width: 58.33333%; }<br />
<br />
.large-8 {<br />
width: 66.66667%; }<br />
<br />
.large-9 {<br />
width: 75%; }<br />
<br />
.large-10 {<br />
width: 83.33333%; }<br />
<br />
.large-11 {<br />
width: 91.66667%; }<br />
<br />
.large-12 {<br />
width: 100%; }<br />
<br />
.large-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.large-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.large-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.large-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.large-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.large-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.large-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.large-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.large-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.large-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.large-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.large-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.large-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.large-centered,<br />
.columns.large-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.large-uncentered,<br />
.columns.large-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.large-centered:last-child,<br />
.columns.large-centered:last-child {<br />
float: none; }<br />
<br />
.column.large-uncentered:last-child,<br />
.columns.large-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.large-uncentered.opposite,<br />
.columns.large-uncentered.opposite {<br />
float: right; }<br />
<br />
.push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; } }<br />
.text-left {<br />
text-align: left !important; }<br />
<br />
.text-right {<br />
text-align: right !important; }<br />
<br />
.text-center {<br />
text-align: center !important; }<br />
<br />
.text-justify {<br />
text-align: justify !important; }<br />
<br />
@media only screen and (max-width: 40em) {<br />
.small-only-text-left {<br />
text-align: left !important; }<br />
<br />
.small-only-text-right {<br />
text-align: right !important; }<br />
<br />
.small-only-text-center {<br />
text-align: center !important; }<br />
<br />
.small-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen {<br />
.small-text-left {<br />
text-align: left !important; }<br />
<br />
.small-text-right {<br />
text-align: right !important; }<br />
<br />
.small-text-center {<br />
text-align: center !important; }<br />
<br />
.small-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 40.063em) and (max-width: 64em) {<br />
.medium-only-text-left {<br />
text-align: left !important; }<br />
<br />
.medium-only-text-right {<br />
text-align: right !important; }<br />
<br />
.medium-only-text-center {<br />
text-align: center !important; }<br />
<br />
.medium-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 40.063em) {<br />
.medium-text-left {<br />
text-align: left !important; }<br />
<br />
.medium-text-right {<br />
text-align: right !important; }<br />
<br />
.medium-text-center {<br />
text-align: center !important; }<br />
<br />
.medium-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 64.063em) and (max-width: 90em) {<br />
.large-only-text-left {<br />
text-align: left !important; }<br />
<br />
.large-only-text-right {<br />
text-align: right !important; }<br />
<br />
.large-only-text-center {<br />
text-align: center !important; }<br />
<br />
.large-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 64.063em) {<br />
.large-text-left {<br />
text-align: left !important; }<br />
<br />
.large-text-right {<br />
text-align: right !important; }<br />
<br />
.large-text-center {<br />
text-align: center !important; }<br />
<br />
.large-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 90.063em) and (max-width: 120em) {<br />
.xlarge-only-text-left {<br />
text-align: left !important; }<br />
<br />
.xlarge-only-text-right {<br />
text-align: right !important; }<br />
<br />
.xlarge-only-text-center {<br />
text-align: center !important; }<br />
<br />
.xlarge-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 90.063em) {<br />
.xlarge-text-left {<br />
text-align: left !important; }<br />
<br />
.xlarge-text-right {<br />
text-align: right !important; }<br />
<br />
.xlarge-text-center {<br />
text-align: center !important; }<br />
<br />
.xlarge-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {<br />
.xxlarge-only-text-left {<br />
text-align: left !important; }<br />
<br />
.xxlarge-only-text-right {<br />
text-align: right !important; }<br />
<br />
.xxlarge-only-text-center {<br />
text-align: center !important; }<br />
<br />
.xxlarge-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 120.063em) {<br />
.xxlarge-text-left {<br />
text-align: left !important; }<br />
<br />
.xxlarge-text-right {<br />
text-align: right !important; }<br />
<br />
.xxlarge-text-center {<br />
text-align: center !important; }<br />
<br />
.xxlarge-text-justify {<br />
text-align: justify !important; } }<br />
/* Typography resets */<br />
div,<br />
dl,<br />
dt,<br />
dd,<br />
ul,<br />
ol,<br />
li,<br />
h1,<br />
h2,<br />
h3,<br />
h4,<br />
h5,<br />
h6,<br />
h0,<br />
pre,<br />
form,<br />
p,<br />
blockquote,<br />
th,<br />
td {<br />
margin: 0;<br />
padding: 0; }<br />
<br />
/* Default Link Styles */<br />
a {<br />
color: #000000;<br />
text-decoration: none;<br />
line-height: inherit; }<br />
<br />
<br />
a.one:hover { color: #eaea13; }<br />
a.two:hover { color: #fbb03b; }<br />
a.three:hover { color: #dbef20; }<br />
a.four:hover { color: #a2d650; }<br />
a.five:hover { color: #4fcc36; }<br />
a.six:hover { color: #22b573; }<br />
a.seven:hover { color: #39b54a; }<br />
a.eight:hover { color: #00a99d; }<br />
a.nine:hover { color: #18d3a2; }<br />
a.ten:hover { color: #b2ae22; }<br />
<br />
<br />
a img {<br />
border: none; }<br />
<br />
/* Default paragraph styles */<br />
p {<br />
font-family: inherit;<br />
font-weight: normal;<br />
font-size: 1rem;<br />
line-height: 1.6;<br />
margin-bottom: 1.25rem;<br />
text-rendering: optimizeLegibility; }<br />
p.lead {<br />
font-size: 1.21875rem;<br />
line-height: 1.6; }<br />
p aside {<br />
font-size: 0.875rem;<br />
line-height: 1.35;<br />
font-style: italic; }<br />
<br />
/* Default header styles */<br />
h0, h1, h2, h3, h4, h5, h6 {<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
color: #000000;<br />
text-rendering: optimizeLegibility;<br />
margin-top: 0.2rem;<br />
margin-bottom: 0.5rem;<br />
line-height: 1.4; }<br />
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {<br />
font-size: 60%;<br />
color: #6f6f6f;<br />
line-height: 0; }<br />
<br />
h0 {<br />
font-size: .7rem;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: justify; }<br />
<br />
h1 {<br />
font-size: 2.125rem; }<br />
<br />
h2 {<br />
/* font-size: 1.6875rem; */<br />
font-size: 1.0rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
<br />
}<br />
<br />
h3 {<br />
font-size: 1.375rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h4 {<br />
font-size: 1.125rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h5 {<br />
font-size: 1.125rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 10px; }<br />
<br />
h6 {<br />
font-size: .8rem;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: justify; }<br />
<br />
.boxedmenu {<br />
border-bottom: 2px solid green;<br />
border-top: 2px solid green;<br />
margin-bottom: 25px;<br />
}<br />
<br />
.boxedimg {<br />
border-bottom: 2px solid #218282;<br />
border-top: 2px solid #218282;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
}<br />
<br />
h7 {<br />
/* font-size: 1.6875rem; */<br />
font-size: 1.3rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
.subheader {<br />
line-height: 1.4;<br />
color: #6f6f6f;<br />
font-weight: normal;<br />
margin-top: 0.2rem;<br />
margin-bottom: 0.5rem; }<br />
<br />
hr {<br />
border: solid #dddddd;<br />
border-width: 1px 0 0;<br />
clear: both;<br />
margin: 1.25rem 0 1.1875rem;<br />
height: 0; }<br />
<br />
/* Helpful Typography Defaults */<br />
em,<br />
i {<br />
font-style: italic;<br />
line-height: inherit; }<br />
<br />
strong,<br />
b {<br />
font-weight: bold;<br />
line-height: inherit; }<br />
<br />
small {<br />
font-size: 60%;<br />
line-height: inherit; }<br />
<br />
code {<br />
font-family: Consolas, "Liberation Mono", Courier, monospace;<br />
font-weight: bold;<br />
color: #910b0e; }<br />
<br />
/* Lists */<br />
ul,<br />
ol,<br />
dl {<br />
font-size: 1rem;<br />
line-height: 1.6;<br />
margin-bottom: 1.25rem;<br />
list-style-position: outside;<br />
font-family: inherit; }<br />
<br />
ul {<br />
margin-left: 1.1rem; }<br />
ul.no-bullet {<br />
margin-left: 0; }<br />
ul.no-bullet li ul,<br />
ul.no-bullet li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0;<br />
list-style: none; }<br />
<br />
/* Unordered Lists */<br />
ul li ul,<br />
ul li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0; }<br />
ul.square li ul, ul.circle li ul, ul.disc li ul {<br />
list-style: inherit; }<br />
ul.square {<br />
list-style-type: square;<br />
margin-left: 1.1rem; }<br />
ul.circle {<br />
list-style-type: circle;<br />
margin-left: 1.1rem; }<br />
ul.disc {<br />
list-style-type: disc;<br />
margin-left: 1.1rem; }<br />
ul.no-bullet {<br />
list-style: none; }<br />
<br />
/* Ordered Lists */<br />
ol {<br />
margin-left: 1.4rem; }<br />
ol li ul,<br />
ol li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0; }<br />
<br />
/* Definition Lists */<br />
dl dt {<br />
margin-bottom: 0.3rem;<br />
font-weight: bold; }<br />
dl dd {<br />
margin-bottom: 0.75rem; }<br />
<br />
/* Abbreviations */<br />
abbr,<br />
acronym {<br />
text-transform: uppercase;<br />
font-size: 90%;<br />
color: #000000;<br />
border-bottom: 1px dotted #dddddd;<br />
cursor: help; }<br />
<br />
abbr {<br />
text-transform: none; }<br />
<br />
/* Blockquotes */<br />
blockquote {<br />
margin: 0 0 1.25rem;<br />
padding: 0.5625rem 1.25rem 0 1.1875rem;<br />
border-left: 1px solid #dddddd; }<br />
blockquote cite {<br />
display: block;<br />
font-size: 0.8125rem;<br />
color: #555555; }<br />
blockquote cite:before {<br />
content: "\2014 \0020"; }<br />
blockquote cite a,<br />
blockquote cite a:visited {<br />
color: #555555; }<br />
<br />
blockquote,<br />
blockquote p {<br />
line-height: 1.6;<br />
color: #6f6f6f; }<br />
<br />
/* Microformats */<br />
.vcard {<br />
display: inline-block;<br />
margin: 0 0 1.25rem 0;<br />
border: 1px solid #dddddd;<br />
padding: 0.625rem 0.75rem; }<br />
.vcard li {<br />
margin: 0;<br />
display: block; }<br />
.vcard .fn {<br />
font-weight: bold;<br />
font-size: 0.9375rem; }<br />
<br />
.vevent .summary {<br />
font-weight: bold; }<br />
.vevent abbr {<br />
cursor: default;<br />
text-decoration: none;<br />
font-weight: bold;<br />
border: none;<br />
padding: 0 0.0625rem; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
h0, h1, h2, h3, h4, h5, h6 {<br />
line-height: 1.4; }<br />
<br />
h0 {<br />
font-size: .7rem;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: left; }<br />
<br />
h1 {<br />
font-size: 2.75rem; }<br />
<br />
h2 {<br />
/* font-size: 2.3125rem; */<br />
font-size: 1.3rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
h3 {<br />
font-size: 1.6875rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h4 {<br />
font-size: 1.4375rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h5 {<br />
font-size: 1.4375rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 10px; }<br />
<br />
h6 {<br />
font-size: 1rem;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: left; <br />
} <br />
<br />
h7 {<br />
/* font-size: 2.3125rem; */<br />
font-size: 1.0rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
}<br />
<br />
/* ====== CSS Added ======<br />
<br />
img{<br />
width: 80px;<br />
height: 80px;<br />
position: absolute;<br />
left: 0px;<br />
top:-6px;<br />
}<br />
<br />
====== CSS Added End ====== */<br />
<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
/*<br />
* Print styles.<br />
*<br />
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/<br />
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)<br />
*/<br />
.print-only {<br />
display: none !important; }<br />
<br />
@media print {<br />
* {<br />
background: transparent !important;<br />
color: black !important;<br />
/* Black prints faster: h5bp.com/s */<br />
box-shadow: none !important;<br />
text-shadow: none !important; }<br />
<br />
a,<br />
a:visited {<br />
text-decoration: underline; }<br />
<br />
a[href]:after {<br />
content: " (" attr(href) ")"; }<br />
<br />
abbr[title]:after {<br />
content: " (" attr(title) ")"; }<br />
<br />
.ir a:after,<br />
a[href^="javascript:"]:after,<br />
a[href^="#"]:after {<br />
content: ""; }<br />
<br />
pre,<br />
blockquote {<br />
border: 1px solid #999999;<br />
page-break-inside: avoid; }<br />
<br />
thead {<br />
display: table-header-group;<br />
/* h5bp.com/t */ }<br />
<br />
tr,<br />
img {<br />
page-break-inside: avoid; }<br />
<br />
img {<br />
max-width: 100% !important; }<br />
<br />
@page {<br />
margin: 0.5cm; }<br />
<br />
p,<br />
h2,<br />
h3 {<br />
orphans: 3;<br />
widows: 3; }<br />
<br />
h2,<br />
h3 {<br />
page-break-after: avoid; }<br />
<br />
.hide-on-print {<br />
display: none !important; }<br />
<br />
.print-only {<br />
display: block !important; }<br />
<br />
.hide-for-print {<br />
display: none !important; }<br />
<br />
.show-for-print {<br />
display: inherit !important; } }<br />
.reveal-modal-bg {<br />
position: fixed;<br />
height: 100%;<br />
width: 100%;<br />
background: black;<br />
background: rgba(0, 0, 0, 0.45);<br />
z-index: 99;<br />
display: none;<br />
top: 0;<br />
left: 0; }<br />
<br />
dialog, .reveal-modal {<br />
visibility: hidden;<br />
display: none;<br />
position: absolute;<br />
z-index: 100;<br />
width: 100vw;<br />
top: 0;<br />
left: 0;<br />
background-color: white;<br />
padding: 1.25rem;<br />
border: solid 1px #666666;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }<br />
@media only screen and (max-width: 40em) {<br />
dialog, .reveal-modal {<br />
min-height: 100vh; } }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
left: 50%; } }<br />
dialog .column,<br />
dialog .columns, .reveal-modal .column,<br />
.reveal-modal .columns {<br />
min-width: 0; }<br />
dialog > :first-child, .reveal-modal > :first-child {<br />
margin-top: 0; }<br />
dialog > :last-child, .reveal-modal > :last-child {<br />
margin-bottom: 0; }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
margin-left: -40%;<br />
width: 80%; } }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
top: 6.25rem; } }<br />
dialog .close-reveal-modal, .reveal-modal .close-reveal-modal {<br />
font-size: 2.5rem;<br />
line-height: 1;<br />
position: absolute;<br />
top: 0.5rem;<br />
right: 0.6875rem;<br />
color: #aaaaaa;<br />
font-weight: bold;<br />
cursor: pointer; }<br />
<br />
dialog[open] {<br />
display: block;<br />
visibility: visible; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
padding: 1.875rem; }<br />
dialog.radius, .reveal-modal.radius {<br />
border-radius: 3px; }<br />
dialog.round, .reveal-modal.round {<br />
border-radius: 1000px; }<br />
dialog.collapse, .reveal-modal.collapse {<br />
padding: 0; }<br />
dialog.full, .reveal-modal.full {<br />
top: 0;<br />
left: 0;<br />
height: 100vh;<br />
min-height: 100vh;<br />
margin-left: 0 !important; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.tiny, .reveal-modal.tiny {<br />
margin-left: -15%;<br />
width: 30%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.small, .reveal-modal.small {<br />
margin-left: -20%;<br />
width: 40%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.medium, .reveal-modal.medium {<br />
margin-left: -30%;<br />
width: 60%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.large, .reveal-modal.large {<br />
margin-left: -35%;<br />
width: 70%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.xlarge, .reveal-modal.xlarge {<br />
margin-left: -47.5%;<br />
width: 95%; } }<br />
<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.full, .reveal-modal.full {<br />
margin-left: -50vw;<br />
width: 100vw; } }<br />
<br />
@media print {<br />
dialog, .reveal-modal {<br />
background: white !important; } }<br />
button, .button {<br />
border-style: solid;<br />
border-width: 0px;<br />
cursor: pointer;<br />
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: normal;<br />
line-height: normal;<br />
margin: 0 0 1.25rem;<br />
position: relative;<br />
text-decoration: none;<br />
text-align: center;<br />
-webkit-appearance: none;<br />
-webkit-border-radius: 0;<br />
display: inline-block;<br />
padding-top: 1rem;<br />
padding-right: 2rem;<br />
padding-bottom: 1.0625rem;<br />
padding-left: 2rem;<br />
font-size: 1rem;<br />
background-color: #2ba6cb;<br />
border-color: #2285a2;<br />
color: white;<br />
transition: background-color 300ms ease-out; }<br />
button:hover, button:focus, .button:hover, .button:focus {<br />
background-color: #2285a2; }<br />
button:hover, button:focus, .button:hover, .button:focus {<br />
color: white; }<br />
button.secondary, .button.secondary {<br />
background-color: #e9e9e9;<br />
border-color: #2285a2;<br />
color: #333333; }<br />
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {<br />
background-color: #2285a2; }<br />
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {<br />
color: #333333; }<br />
button.success, .button.success {<br />
background-color: #5da423;<br />
border-color: #2285a2;<br />
color: white; }<br />
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {<br />
background-color: #2285a2; }<br />
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {<br />
color: white; }<br />
button.alert, .button.alert {<br />
background-color: #c60f13;<br />
border-color: #2285a2;<br />
color: white; }<br />
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {<br />
background-color: #2285a2; }<br />
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {<br />
color: white; }<br />
button.large, .button.large {<br />
padding-top: 1.125rem;<br />
padding-right: 2.25rem;<br />
padding-bottom: 1.1875rem;<br />
padding-left: 2.25rem;<br />
font-size: 1.25rem; }<br />
button.small, .button.small {<br />
padding-top: 0.875rem;<br />
padding-right: 1.75rem;<br />
padding-bottom: 0.9375rem;<br />
padding-left: 1.75rem;<br />
font-size: 0.8125rem; }<br />
button.tiny, .button.tiny {<br />
padding-top: 0.625rem;<br />
padding-right: 1.25rem;<br />
padding-bottom: 0.6875rem;<br />
padding-left: 1.25rem;<br />
font-size: 0.6875rem; }<br />
button.expand, .button.expand {<br />
padding-right: 0;<br />
padding-left: 0;<br />
width: 100%; }<br />
button.left-align, .button.left-align {<br />
text-align: left;<br />
text-indent: 0.75rem; }<br />
button.right-align, .button.right-align {<br />
text-align: right;<br />
padding-right: 0.75rem; }<br />
button.radius, .button.radius {<br />
border-radius: 3px; }<br />
button.round, .button.round {<br />
border-radius: 1000px; }<br />
button.disabled, button[disabled], .button.disabled, .button[disabled] {<br />
background-color: #2ba6cb;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
background-color: #2285a2; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
color: white; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
background-color: #2ba6cb; }<br />
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {<br />
background-color: #e9e9e9;<br />
border-color: #2285a2;<br />
color: #333333;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
background-color: #2285a2; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
color: #333333; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
background-color: #e9e9e9; }<br />
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {<br />
background-color: #5da423;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
background-color: #2285a2; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
color: white; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
background-color: #5da423; }<br />
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {<br />
background-color: #c60f13;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
background-color: #2285a2; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
color: white; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
background-color: #c60f13; }<br />
<br />
button::-moz-focus-inner {<br />
border: 0;<br />
padding: 0; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
button, .button {<br />
display: inline-block; } }<br />
<br />
/* ====== Remove MediaWiki Look ====== */<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
<br />
/* Redesigning the topmenu */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;<br />
z-index: 1000;}<br />
#menubar {<br />
color: #000000;<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
line-height: 1;<br />
top: 9px;<br />
z-index: 2000;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: #cccccc;}<br />
#menubar:hover li a {<br />
color: #cccccc;}<br />
.left-menu .noprint ul li .new a {<br />
text-decoration: none;<br />
}<br />
a:hover, a:visited, a:link, a:active<br />
{<br />
text-decoration: none;<br />
}<br />
a:visited {<br />
color: black;<br />
}</div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/stylesheet
Team:StanfordBrownSpelman/stylesheet
2014-10-16T21:37:08Z
<p>Angelofspeed: </p>
<hr />
<div>/* ====== CSS Added ====== */<br />
<br />
::selection {<br />
background: #cccccc; /* WebKit/Blink Browsers */<br />
}<br />
::-moz-selection {<br />
background: #cccccc; /* Gecko Browsers */<br />
}<br />
<br />
/*<br />
#roof, #bottom, #left, #right {<br />
position: fixed;<br />
}<br />
#left, #right {<br />
z-index: 3000;<br />
top: 0; bottom: 0;<br />
width: 10px;<br />
}<br />
#left { left: 0; background: #000000 }<br />
#right { right: 0; background: #000000 }<br />
<br />
#roof, #bottom {<br />
z-index: 3000;<br />
left: 0; right: 0;<br />
height: 10px;<br />
}<br />
#roof { top: 0; background: #000000 }<br />
#bottom { bottom: 0; background: #000000 }<br />
*/<br />
<br />
<br />
.circle {<br />
box-shadow: inset 0px 0px 60px #ffffff;<br />
<br />
background-color: #f9f4f2;<br />
z-index: -100;<br />
border-radius: 50%;<br />
width: 480px;<br />
height: 480px;<br />
position: relative;<br />
left: 50%;<br />
top: 50%;<br />
<br />
/*<br />
* Where the magic happens<br />
* Centering method from CSS Tricks<br />
* http://css-tricks.com/centering-percentage-widthheight-elements/<br />
*/<br />
transform: translate(-50%, -50%);<br />
-webkit-transform: translate(-50%, -50%);<br />
-o-transform: translate(-50%, -50%);<br />
-ms-transform: translate(-50%, -50%);<br />
}<br />
<br />
.title {<br />
width:100%;<br />
text-align:center;<br />
margin:auto;<br />
position:absolute;<br />
top:18px;<br />
z-index:2000;<br />
}<br />
.wiki {<br />
position:fixed;<br />
top:18px;<br />
right:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.projects {<br />
position:fixed;<br />
top:18px;<br />
left:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.team {<br />
position:fixed;<br />
bottom:10px;<br />
left:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.contact {<br />
position:fixed;<br />
bottom: 10px;<br />
right:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
<br />
/* FOR BIO D PAGE */<br />
/***************************/<br />
<br />
.fitAll {<br />
height: 200px;<br />
max-width:300px;<br />
margin-bottom: 20px;<br />
}<br />
<br />
.fitAll2 {<br />
height: 200px;<br />
max-width:300px;<br />
margin-bottom: 20px;<br />
margin-top: 3px;<br />
}<br />
<br />
.reduceSize {<br />
height: 250px;<br />
margin-right: 60px;<br />
margin-bottom: 20px;<br />
}<br />
/***************************/<br />
#iGEMimagelogomain img {<br />
width: 50px;<br />
}<br />
<br />
<br />
/* ====== SPLASH ====== */<br />
<br />
#globalWrapper {<br />
background-size: cover;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
}<br />
<br />
#landing {<br />
width: 100%;<br />
height: 700px;<br />
background-image: url("https://static.igem.org/mediawiki/2014/7/71/SBSiGEM_Drone_Map_1.png");<br />
background-size: cover;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
z-index: 6000;<br />
position: relative;<br />
overflow: hidden;<br />
text-align: center;<br />
}<br />
<br />
#title{<br />
font-size: 64pt;<br />
line-height: 70pt;<br />
color: black;<br />
font-family: 'Montserrat', Futura, Arial, sans-serif;<br />
text-shadow: 6px 6px 12px rgba(0,0,0, .25);<br />
opacity:0.95;<br />
}<br />
<br />
#name {<br />
position: absolute;<br />
left: 50%;<br />
top: 50%;<br />
<br />
/*<br />
* Where the magic happens<br />
* Centering method from CSS Tricks<br />
* http://css-tricks.com/centering-percentage-widthheight-elements/<br />
*/<br />
transform: translate(-50%, -50%);<br />
-webkit-transform: translate(-50%, -50%);<br />
-o-transform: translate(-50%, -50%);<br />
-ms-transform: translate(-50%, -50%);<br />
}<br />
<br />
<br />
/* ====== Remainder ====== */<br />
<br />
nav {<br />
position: fixed;<br />
left: 0;<br />
right: 0;<br />
top: 0;<br />
z-index: 10000;<br />
font-size: 12pt;<br />
<br />
height: 45px;<br />
}<br />
<br />
nav .links {<br />
float: left;<br />
padding: 10px;<br />
}<br />
nav .links:hover{<br />
opacity: .6;<br />
}<br />
<br />
nav .links:active{<br />
background-color: transparent;<br />
}<br />
<br />
#about{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#about img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 50px;<br />
}<br />
<br />
#about .sub{<br />
padding-left: 110px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
#bioBrick{<br />
margin-top: 10px;<br />
margin-bottom: 10px;<br />
}<br />
<br />
#bioBrick img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 25px;<br />
}<br />
<br />
#bioBrick .sub{<br />
padding-left: 85px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
#bioBrickFinal{<br />
margin-top: 10px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#bioBrickFinal img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 25px;<br />
}<br />
<br />
#bioBrickFinal .sub{<br />
padding-left: 85px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
.projecticon-bio-bricks{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
#work{<br />
margin-top: 30px;<br />
}<br />
<br />
#work img{<br />
width: 115px;<br />
height: 115px;<br />
position: absolute;<br />
left: 0px;<br />
top:-6px;<br />
}<br />
<br />
#work .sub2{<br />
left: 90px;<br />
padding-left: 140px;<br />
position: relative;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#work .sub3{<br />
left: 0px;<br />
padding-left: 140px;<br />
position: relative;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#thanks{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#connect{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#connect img{<br />
width: 70px;<br />
height: 70px;<br />
position: relative;<br />
left: 0px;<br />
top: 0px;<br />
}<br />
<br />
#mobile1{<br />
margin-top: 10px;<br />
margin-bottom: 8px;<br />
}<br />
<br />
#mobile2{<br />
margin-top: 20px;<br />
margin-bottom: 20px;<br />
}<br />
<br />
#mobile2 img{<br />
width: 40px;<br />
height: 40px;<br />
position: relative;<br />
left: 0px;<br />
top: 0px;<br />
}<br />
<br />
div#closing a.external <br />
{<br />
background:none !important;<br />
padding: 0px !important;<br />
}<br />
<br />
#closing h6{<br />
margin-top: 30px;<br />
margin-bottom: 0px;<br />
padding-bottom: 20px; <br />
font-size: 8pt; <br />
color: #cccccc;<br />
}<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
#teamNoodle {<br />
}<br />
<br />
.placeholder{<br />
width:100%;<br />
max-width:800px;<br />
height:20px;<br />
background-image: white);<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 20px;<br />
}<br />
<br />
.placeholder2{<br />
width:100%;<br />
max-width:800px;<br />
height:30px;<br />
background-image: white);<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 20px;<br />
}<br />
<br />
.cells{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_cells.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells2{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/6/6a/SBS_iGEM_2014_cells2.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells3{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/9/99/SBS_iGEM_2014_cells3.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells4{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/8/81/SBS_iGEM_2014_cells4.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells5{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/e/ee/SBS_iGEM_2014_cells5.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells6{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/8/81/SBS_iGEM_2014_cells6.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells7{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/e/e2/SBS_iGEM_2014_cells7.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells8{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/4/49/SBS_iGEM_2014_cells8.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
/* ====== CSS for Sub-Pages ====== */<br />
<br />
.projecticon-cellulose-acetate{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
display:block;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-cellulose-acetate img{<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto;<br />
width: 162px;<br />
height: 162px;<br />
float: top;<br />
}<br />
<br />
.projecticon-hell-cell{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-waterproofing{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-biodegradation{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-human-practices{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-drone{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/d/dd/SBS_iGEM_2014_drone_icon.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-meet-team{<br />
width:130%;<br />
max-width:800px;<br />
height:573.89px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/c/c8/FullTeamPic.jpg");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:800px;<br />
margin-top: 10px;<br />
margin-bottom: 10px;<br />
}<br />
<br />
#header{<br />
margin-top: 10px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#photo{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#subheader{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#subheader .sub4{<br />
padding-left: 130px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader .subindent{<br />
padding-left: 50px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader img{<br />
width: 70px;<br />
height: 70px;<br />
top: -2px;<br />
position: absolute;<br />
left: 50px;<br />
}<br />
<br />
#subheader .sub5{<br />
padding-left: 55px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader .sub6{<br />
padding-left: 55px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
font-family:'Inconsolata', Helvetica, Arial, sans-serif;<br />
font-size: 13px;<br />
line-height: 8px;<br />
}<br />
<br />
#images{<br />
}<br />
<br />
#results{<br />
}<br />
<br />
#process{<br />
}<br />
<br />
#references{<br />
}<br />
<br />
<br />
/* ====== CSS Added Over ====== */<br />
<br />
<br />
<br />
<br />
<br />
<br />
meta.foundation-version {<br />
font-family: "/5.3.1/"; }<br />
<br />
meta.foundation-mq-small {<br />
font-family: "/only screen/";<br />
width: 0em; }<br />
<br />
meta.foundation-mq-medium {<br />
font-family: "/only screen and (min-width:40.063em)/";<br />
width: 40.063em; }<br />
<br />
meta.foundation-mq-large {<br />
font-family: "/only screen and (min-width:64.063em)/";<br />
width: 64.063em; }<br />
<br />
meta.foundation-mq-xlarge {<br />
font-family: "/only screen and (min-width:90.063em)/";<br />
width: 90.063em; }<br />
<br />
meta.foundation-mq-xxlarge {<br />
font-family: "/only screen and (min-width:120.063em)/";<br />
width: 120.063em; }<br />
<br />
meta.foundation-data-attribute-namespace {<br />
font-family: false; }<br />
<br />
html, body {<br />
height: 100%;<br />
}<br />
<br />
*,<br />
*:before,<br />
*:after {<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box; }<br />
<br />
html,<br />
body {<br />
font-size: 100%; }<br />
<br />
body {<br />
background: #ffffff;<br />
color: #00000;<br />
padding: 0;<br />
margin: 0;<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
line-height: 1;<br />
position: relative;<br />
/* cursor: url('../images/drone_cursor.png'), default; */<br />
cursor: default; }<br />
<br />
img {<br />
max-width: 100%;<br />
height: auto;<br />
margin-bottom: 4px; }<br />
<br />
/* IMAGE BOTTOM MARGIN MAY CAUSE PROBLEMS */<br />
<br />
img {<br />
-ms-interpolation-mode: bicubic; }<br />
<br />
#map_canvas img,<br />
#map_canvas embed,<br />
#map_canvas object,<br />
.map_canvas img,<br />
.map_canvas embed,<br />
.map_canvas object {<br />
max-width: none !important; }<br />
<br />
.left {<br />
float: left !important; }<br />
<br />
.right {<br />
float: right !important; }<br />
<br />
.clearfix:before, .clearfix:after {<br />
content: " ";<br />
display: table; }<br />
.clearfix:after {<br />
clear: both; }<br />
<br />
.hide {<br />
display: none; }<br />
<br />
.antialiased {<br />
-webkit-font-smoothing: antialiased;<br />
-moz-osx-font-smoothing: grayscale; }<br />
<br />
img {<br />
display: inline-block;<br />
vertical-align: middle; }<br />
<br />
textarea {<br />
height: auto;<br />
min-height: 50px; }<br />
<br />
select {<br />
width: 100%; }<br />
<br />
.introText {<br />
text-indent: 50px;<br />
} <br />
<br />
.row {<br />
width: 100%;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
max-width: 62.5em; }<br />
.row:before, .row:after {<br />
content: " ";<br />
display: table; }<br />
.row:after {<br />
clear: both; }<br />
.row.collapse > .column,<br />
.row.collapse > .columns {<br />
padding-left: 0;<br />
padding-right: 0; }<br />
.row.collapse .row {<br />
margin-left: 0;<br />
margin-right: 0; }<br />
.row .row {<br />
width: auto;<br />
margin-left: -0.9375em;<br />
margin-right: -0.9375em;<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
max-width: none; }<br />
.row .row:before, .row .row:after {<br />
content: " ";<br />
display: table; }<br />
.row .row:after {<br />
clear: both; }<br />
.row .row.collapse {<br />
width: auto;<br />
margin: 0;<br />
max-width: none; }<br />
.row .row.collapse:before, .row .row.collapse:after {<br />
content: " ";<br />
display: table; }<br />
.row .row.collapse:after {<br />
clear: both; }<br />
<br />
.column,<br />
.columns {<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
width: 100%;<br />
float: left; }<br />
<br />
[class*="column"] + [class*="column"]:last-child {<br />
float: right; }<br />
<br />
[class*="column"] + [class*="column"].end {<br />
float: left; }<br />
<br />
@media only screen {<br />
.small-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.small-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.small-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.small-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.small-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.small-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.small-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.small-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.small-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.small-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.small-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.small-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.small-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.small-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.small-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.small-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.small-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.small-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.small-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.small-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.small-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.small-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.small-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.small-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.small-1 {<br />
width: 8.33333%; }<br />
<br />
.small-2 {<br />
width: 16.66667%; }<br />
<br />
.small-3 {<br />
width: 25%; }<br />
<br />
.small-4 {<br />
width: 33.33333%; }<br />
<br />
.small-5 {<br />
width: 41.66667%; }<br />
<br />
.small-6 {<br />
width: 50%; }<br />
<br />
.small-7 {<br />
width: 58.33333%; }<br />
<br />
.small-8 {<br />
width: 66.66667%; }<br />
<br />
.small-9 {<br />
width: 75%; }<br />
<br />
.small-10 {<br />
width: 83.33333%; }<br />
<br />
.small-11 {<br />
width: 88%; }<br />
<br />
.small-12 {<br />
width: 100%; }<br />
<br />
.small-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.small-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.small-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.small-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.small-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.small-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.small-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.small-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.small-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.small-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.small-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.small-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.small-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.small-centered,<br />
.columns.small-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.small-uncentered,<br />
.columns.small-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.small-centered:last-child,<br />
.columns.small-centered:last-child {<br />
float: none; }<br />
<br />
.column.small-uncentered:last-child,<br />
.columns.small-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.small-uncentered.opposite,<br />
.columns.small-uncentered.opposite {<br />
float: right; } }<br />
@media only screen and (min-width: 40.063em) {<br />
.medium-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.medium-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.medium-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.medium-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.medium-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.medium-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.medium-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.medium-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.medium-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.medium-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.medium-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.medium-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.medium-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.medium-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.medium-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.medium-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.medium-1 {<br />
width: 8.33333%; }<br />
<br />
.medium-2 {<br />
width: 16.66667%; }<br />
<br />
.medium-3 {<br />
width: 25%; }<br />
<br />
.medium-4 {<br />
width: 33.33333%; }<br />
<br />
.medium-5 {<br />
width: 41.66667%; }<br />
<br />
.medium-6 {<br />
width: 50%; }<br />
<br />
.medium-7 {<br />
width: 58.33333%; }<br />
<br />
.medium-8 {<br />
width: 66.66667%; }<br />
<br />
.medium-9 {<br />
width: 75%; }<br />
<br />
.medium-10 {<br />
width: 83.33333%; }<br />
<br />
.medium-11 {<br />
width: 91.66667%; }<br />
<br />
.medium-12 {<br />
width: 100%; }<br />
<br />
.medium-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.medium-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.medium-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.medium-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.medium-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.medium-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.medium-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.medium-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.medium-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.medium-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.medium-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.medium-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.medium-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.medium-centered,<br />
.columns.medium-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.medium-uncentered,<br />
.columns.medium-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.medium-centered:last-child,<br />
.columns.medium-centered:last-child {<br />
float: none; }<br />
<br />
.column.medium-uncentered:last-child,<br />
.columns.medium-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.medium-uncentered.opposite,<br />
.columns.medium-uncentered.opposite {<br />
float: right; }<br />
<br />
.push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; } }<br />
@media only screen and (min-width: 64.063em) {<br />
.large-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.large-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.large-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.large-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.large-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.large-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.large-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.large-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.large-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.large-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.large-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.large-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.large-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.large-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.large-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.large-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.large-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.large-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.large-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.large-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.large-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.large-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.large-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.large-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.large-1 {<br />
width: 8.33333%; }<br />
<br />
.large-2 {<br />
width: 16.66667%; }<br />
<br />
.large-3 {<br />
width: 25%; }<br />
<br />
.large-4 {<br />
width: 33.33333%; }<br />
<br />
.large-5 {<br />
width: 41.66667%; }<br />
<br />
.large-6 {<br />
width: 50%; }<br />
<br />
.large-7 {<br />
width: 58.33333%; }<br />
<br />
.large-8 {<br />
width: 66.66667%; }<br />
<br />
.large-9 {<br />
width: 75%; }<br />
<br />
.large-10 {<br />
width: 83.33333%; }<br />
<br />
.large-11 {<br />
width: 91.66667%; }<br />
<br />
.large-12 {<br />
width: 100%; }<br />
<br />
.large-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.large-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.large-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.large-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.large-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.large-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.large-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.large-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.large-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.large-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.large-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.large-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.large-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.large-centered,<br />
.columns.large-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.large-uncentered,<br />
.columns.large-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.large-centered:last-child,<br />
.columns.large-centered:last-child {<br />
float: none; }<br />
<br />
.column.large-uncentered:last-child,<br />
.columns.large-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.large-uncentered.opposite,<br />
.columns.large-uncentered.opposite {<br />
float: right; }<br />
<br />
.push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; } }<br />
.text-left {<br />
text-align: left !important; }<br />
<br />
.text-right {<br />
text-align: right !important; }<br />
<br />
.text-center {<br />
text-align: center !important; }<br />
<br />
.text-justify {<br />
text-align: justify !important; }<br />
<br />
@media only screen and (max-width: 40em) {<br />
.small-only-text-left {<br />
text-align: left !important; }<br />
<br />
.small-only-text-right {<br />
text-align: right !important; }<br />
<br />
.small-only-text-center {<br />
text-align: center !important; }<br />
<br />
.small-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen {<br />
.small-text-left {<br />
text-align: left !important; }<br />
<br />
.small-text-right {<br />
text-align: right !important; }<br />
<br />
.small-text-center {<br />
text-align: center !important; }<br />
<br />
.small-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 40.063em) and (max-width: 64em) {<br />
.medium-only-text-left {<br />
text-align: left !important; }<br />
<br />
.medium-only-text-right {<br />
text-align: right !important; }<br />
<br />
.medium-only-text-center {<br />
text-align: center !important; }<br />
<br />
.medium-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 40.063em) {<br />
.medium-text-left {<br />
text-align: left !important; }<br />
<br />
.medium-text-right {<br />
text-align: right !important; }<br />
<br />
.medium-text-center {<br />
text-align: center !important; }<br />
<br />
.medium-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 64.063em) and (max-width: 90em) {<br />
.large-only-text-left {<br />
text-align: left !important; }<br />
<br />
.large-only-text-right {<br />
text-align: right !important; }<br />
<br />
.large-only-text-center {<br />
text-align: center !important; }<br />
<br />
.large-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 64.063em) {<br />
.large-text-left {<br />
text-align: left !important; }<br />
<br />
.large-text-right {<br />
text-align: right !important; }<br />
<br />
.large-text-center {<br />
text-align: center !important; }<br />
<br />
.large-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 90.063em) and (max-width: 120em) {<br />
.xlarge-only-text-left {<br />
text-align: left !important; }<br />
<br />
.xlarge-only-text-right {<br />
text-align: right !important; }<br />
<br />
.xlarge-only-text-center {<br />
text-align: center !important; }<br />
<br />
.xlarge-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 90.063em) {<br />
.xlarge-text-left {<br />
text-align: left !important; }<br />
<br />
.xlarge-text-right {<br />
text-align: right !important; }<br />
<br />
.xlarge-text-center {<br />
text-align: center !important; }<br />
<br />
.xlarge-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {<br />
.xxlarge-only-text-left {<br />
text-align: left !important; }<br />
<br />
.xxlarge-only-text-right {<br />
text-align: right !important; }<br />
<br />
.xxlarge-only-text-center {<br />
text-align: center !important; }<br />
<br />
.xxlarge-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 120.063em) {<br />
.xxlarge-text-left {<br />
text-align: left !important; }<br />
<br />
.xxlarge-text-right {<br />
text-align: right !important; }<br />
<br />
.xxlarge-text-center {<br />
text-align: center !important; }<br />
<br />
.xxlarge-text-justify {<br />
text-align: justify !important; } }<br />
/* Typography resets */<br />
div,<br />
dl,<br />
dt,<br />
dd,<br />
ul,<br />
ol,<br />
li,<br />
h1,<br />
h2,<br />
h3,<br />
h4,<br />
h5,<br />
h6,<br />
h0,<br />
pre,<br />
form,<br />
p,<br />
blockquote,<br />
th,<br />
td {<br />
margin: 0;<br />
padding: 0; }<br />
<br />
/* Default Link Styles */<br />
a {<br />
color: #000000;<br />
text-decoration: none;<br />
line-height: inherit; }<br />
<br />
<br />
a.one:hover { color: #eaea13; }<br />
a.two:hover { color: #fbb03b; }<br />
a.three:hover { color: #dbef20; }<br />
a.four:hover { color: #a2d650; }<br />
a.five:hover { color: #4fcc36; }<br />
a.six:hover { color: #22b573; }<br />
a.seven:hover { color: #39b54a; }<br />
a.eight:hover { color: #00a99d; }<br />
a.nine:hover { color: #18d3a2; }<br />
a.ten:hover { color: #b2ae22; }<br />
<br />
<br />
a img {<br />
border: none; }<br />
<br />
/* Default paragraph styles */<br />
p {<br />
font-family: inherit;<br />
font-weight: normal;<br />
font-size: 1rem;<br />
line-height: 1.6;<br />
margin-bottom: 1.25rem;<br />
text-rendering: optimizeLegibility; }<br />
p.lead {<br />
font-size: 1.21875rem;<br />
line-height: 1.6; }<br />
p aside {<br />
font-size: 0.875rem;<br />
line-height: 1.35;<br />
font-style: italic; }<br />
<br />
/* Default header styles */<br />
h0, h1, h2, h3, h4, h5, h6 {<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
color: #000000;<br />
text-rendering: optimizeLegibility;<br />
margin-top: 0.2rem;<br />
margin-bottom: 0.5rem;<br />
line-height: 1.4; }<br />
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {<br />
font-size: 60%;<br />
color: #6f6f6f;<br />
line-height: 0; }<br />
<br />
h0 {<br />
font-size: .7rem;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: justify; }<br />
<br />
h1 {<br />
font-size: 2.125rem; }<br />
<br />
h2 {<br />
/* font-size: 1.6875rem; */<br />
font-size: 1.0rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
<br />
}<br />
<br />
h3 {<br />
font-size: 1.375rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h4 {<br />
font-size: 1.125rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h5 {<br />
font-size: 1.125rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 10px; }<br />
<br />
h6 {<br />
font-size: .8rem;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: justify; }<br />
<br />
.boxedmenu {<br />
border-bottom: 2px solid green;<br />
border-top: 2px solid green;<br />
margin-bottom: 25px;<br />
}<br />
<br />
.boxedimg {<br />
border-bottom: 2px solid #218282;<br />
border-top: 2px solid #218282;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
}<br />
<br />
h7 {<br />
/* font-size: 1.6875rem; */<br />
font-size: 1.3rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
.subheader {<br />
line-height: 1.4;<br />
color: #6f6f6f;<br />
font-weight: normal;<br />
margin-top: 0.2rem;<br />
margin-bottom: 0.5rem; }<br />
<br />
hr {<br />
border: solid #dddddd;<br />
border-width: 1px 0 0;<br />
clear: both;<br />
margin: 1.25rem 0 1.1875rem;<br />
height: 0; }<br />
<br />
/* Helpful Typography Defaults */<br />
em,<br />
i {<br />
font-style: italic;<br />
line-height: inherit; }<br />
<br />
strong,<br />
b {<br />
font-weight: bold;<br />
line-height: inherit; }<br />
<br />
small {<br />
font-size: 60%;<br />
line-height: inherit; }<br />
<br />
code {<br />
font-family: Consolas, "Liberation Mono", Courier, monospace;<br />
font-weight: bold;<br />
color: #910b0e; }<br />
<br />
/* Lists */<br />
ul,<br />
ol,<br />
dl {<br />
font-size: 1rem;<br />
line-height: 1.6;<br />
margin-bottom: 1.25rem;<br />
list-style-position: outside;<br />
font-family: inherit; }<br />
<br />
ul {<br />
margin-left: 1.1rem; }<br />
ul.no-bullet {<br />
margin-left: 0; }<br />
ul.no-bullet li ul,<br />
ul.no-bullet li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0;<br />
list-style: none; }<br />
<br />
/* Unordered Lists */<br />
ul li ul,<br />
ul li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0; }<br />
ul.square li ul, ul.circle li ul, ul.disc li ul {<br />
list-style: inherit; }<br />
ul.square {<br />
list-style-type: square;<br />
margin-left: 1.1rem; }<br />
ul.circle {<br />
list-style-type: circle;<br />
margin-left: 1.1rem; }<br />
ul.disc {<br />
list-style-type: disc;<br />
margin-left: 1.1rem; }<br />
ul.no-bullet {<br />
list-style: none; }<br />
<br />
/* Ordered Lists */<br />
ol {<br />
margin-left: 1.4rem; }<br />
ol li ul,<br />
ol li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0; }<br />
<br />
/* Definition Lists */<br />
dl dt {<br />
margin-bottom: 0.3rem;<br />
font-weight: bold; }<br />
dl dd {<br />
margin-bottom: 0.75rem; }<br />
<br />
/* Abbreviations */<br />
abbr,<br />
acronym {<br />
text-transform: uppercase;<br />
font-size: 90%;<br />
color: #000000;<br />
border-bottom: 1px dotted #dddddd;<br />
cursor: help; }<br />
<br />
abbr {<br />
text-transform: none; }<br />
<br />
/* Blockquotes */<br />
blockquote {<br />
margin: 0 0 1.25rem;<br />
padding: 0.5625rem 1.25rem 0 1.1875rem;<br />
border-left: 1px solid #dddddd; }<br />
blockquote cite {<br />
display: block;<br />
font-size: 0.8125rem;<br />
color: #555555; }<br />
blockquote cite:before {<br />
content: "\2014 \0020"; }<br />
blockquote cite a,<br />
blockquote cite a:visited {<br />
color: #555555; }<br />
<br />
blockquote,<br />
blockquote p {<br />
line-height: 1.6;<br />
color: #6f6f6f; }<br />
<br />
/* Microformats */<br />
.vcard {<br />
display: inline-block;<br />
margin: 0 0 1.25rem 0;<br />
border: 1px solid #dddddd;<br />
padding: 0.625rem 0.75rem; }<br />
.vcard li {<br />
margin: 0;<br />
display: block; }<br />
.vcard .fn {<br />
font-weight: bold;<br />
font-size: 0.9375rem; }<br />
<br />
.vevent .summary {<br />
font-weight: bold; }<br />
.vevent abbr {<br />
cursor: default;<br />
text-decoration: none;<br />
font-weight: bold;<br />
border: none;<br />
padding: 0 0.0625rem; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
h0, h1, h2, h3, h4, h5, h6 {<br />
line-height: 1.4; }<br />
<br />
h0 {<br />
font-size: .7rem;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: left; }<br />
<br />
h1 {<br />
font-size: 2.75rem; }<br />
<br />
h2 {<br />
/* font-size: 2.3125rem; */<br />
font-size: 1.3rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
h3 {<br />
font-size: 1.6875rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h4 {<br />
font-size: 1.4375rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h5 {<br />
font-size: 1.4375rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 10px; }<br />
<br />
h6 {<br />
font-size: 1rem;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: left; <br />
} <br />
<br />
h7 {<br />
/* font-size: 2.3125rem; */<br />
font-size: 1.0rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
}<br />
<br />
/* ====== CSS Added ======<br />
<br />
img{<br />
width: 80px;<br />
height: 80px;<br />
position: absolute;<br />
left: 0px;<br />
top:-6px;<br />
}<br />
<br />
====== CSS Added End ====== */<br />
<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
/*<br />
* Print styles.<br />
*<br />
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/<br />
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)<br />
*/<br />
.print-only {<br />
display: none !important; }<br />
<br />
@media print {<br />
* {<br />
background: transparent !important;<br />
color: black !important;<br />
/* Black prints faster: h5bp.com/s */<br />
box-shadow: none !important;<br />
text-shadow: none !important; }<br />
<br />
a,<br />
a:visited {<br />
text-decoration: underline; }<br />
<br />
a[href]:after {<br />
content: " (" attr(href) ")"; }<br />
<br />
abbr[title]:after {<br />
content: " (" attr(title) ")"; }<br />
<br />
.ir a:after,<br />
a[href^="javascript:"]:after,<br />
a[href^="#"]:after {<br />
content: ""; }<br />
<br />
pre,<br />
blockquote {<br />
border: 1px solid #999999;<br />
page-break-inside: avoid; }<br />
<br />
thead {<br />
display: table-header-group;<br />
/* h5bp.com/t */ }<br />
<br />
tr,<br />
img {<br />
page-break-inside: avoid; }<br />
<br />
img {<br />
max-width: 100% !important; }<br />
<br />
@page {<br />
margin: 0.5cm; }<br />
<br />
p,<br />
h2,<br />
h3 {<br />
orphans: 3;<br />
widows: 3; }<br />
<br />
h2,<br />
h3 {<br />
page-break-after: avoid; }<br />
<br />
.hide-on-print {<br />
display: none !important; }<br />
<br />
.print-only {<br />
display: block !important; }<br />
<br />
.hide-for-print {<br />
display: none !important; }<br />
<br />
.show-for-print {<br />
display: inherit !important; } }<br />
.reveal-modal-bg {<br />
position: fixed;<br />
height: 100%;<br />
width: 100%;<br />
background: black;<br />
background: rgba(0, 0, 0, 0.45);<br />
z-index: 99;<br />
display: none;<br />
top: 0;<br />
left: 0; }<br />
<br />
dialog, .reveal-modal {<br />
visibility: hidden;<br />
display: none;<br />
position: absolute;<br />
z-index: 100;<br />
width: 100vw;<br />
top: 0;<br />
left: 0;<br />
background-color: white;<br />
padding: 1.25rem;<br />
border: solid 1px #666666;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }<br />
@media only screen and (max-width: 40em) {<br />
dialog, .reveal-modal {<br />
min-height: 100vh; } }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
left: 50%; } }<br />
dialog .column,<br />
dialog .columns, .reveal-modal .column,<br />
.reveal-modal .columns {<br />
min-width: 0; }<br />
dialog > :first-child, .reveal-modal > :first-child {<br />
margin-top: 0; }<br />
dialog > :last-child, .reveal-modal > :last-child {<br />
margin-bottom: 0; }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
margin-left: -40%;<br />
width: 80%; } }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
top: 6.25rem; } }<br />
dialog .close-reveal-modal, .reveal-modal .close-reveal-modal {<br />
font-size: 2.5rem;<br />
line-height: 1;<br />
position: absolute;<br />
top: 0.5rem;<br />
right: 0.6875rem;<br />
color: #aaaaaa;<br />
font-weight: bold;<br />
cursor: pointer; }<br />
<br />
dialog[open] {<br />
display: block;<br />
visibility: visible; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
padding: 1.875rem; }<br />
dialog.radius, .reveal-modal.radius {<br />
border-radius: 3px; }<br />
dialog.round, .reveal-modal.round {<br />
border-radius: 1000px; }<br />
dialog.collapse, .reveal-modal.collapse {<br />
padding: 0; }<br />
dialog.full, .reveal-modal.full {<br />
top: 0;<br />
left: 0;<br />
height: 100vh;<br />
min-height: 100vh;<br />
margin-left: 0 !important; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.tiny, .reveal-modal.tiny {<br />
margin-left: -15%;<br />
width: 30%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.small, .reveal-modal.small {<br />
margin-left: -20%;<br />
width: 40%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.medium, .reveal-modal.medium {<br />
margin-left: -30%;<br />
width: 60%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.large, .reveal-modal.large {<br />
margin-left: -35%;<br />
width: 70%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.xlarge, .reveal-modal.xlarge {<br />
margin-left: -47.5%;<br />
width: 95%; } }<br />
<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.full, .reveal-modal.full {<br />
margin-left: -50vw;<br />
width: 100vw; } }<br />
<br />
@media print {<br />
dialog, .reveal-modal {<br />
background: white !important; } }<br />
button, .button {<br />
border-style: solid;<br />
border-width: 0px;<br />
cursor: pointer;<br />
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: normal;<br />
line-height: normal;<br />
margin: 0 0 1.25rem;<br />
position: relative;<br />
text-decoration: none;<br />
text-align: center;<br />
-webkit-appearance: none;<br />
-webkit-border-radius: 0;<br />
display: inline-block;<br />
padding-top: 1rem;<br />
padding-right: 2rem;<br />
padding-bottom: 1.0625rem;<br />
padding-left: 2rem;<br />
font-size: 1rem;<br />
background-color: #2ba6cb;<br />
border-color: #2285a2;<br />
color: white;<br />
transition: background-color 300ms ease-out; }<br />
button:hover, button:focus, .button:hover, .button:focus {<br />
background-color: #2285a2; }<br />
button:hover, button:focus, .button:hover, .button:focus {<br />
color: white; }<br />
button.secondary, .button.secondary {<br />
background-color: #e9e9e9;<br />
border-color: #2285a2;<br />
color: #333333; }<br />
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {<br />
background-color: #2285a2; }<br />
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {<br />
color: #333333; }<br />
button.success, .button.success {<br />
background-color: #5da423;<br />
border-color: #2285a2;<br />
color: white; }<br />
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {<br />
background-color: #2285a2; }<br />
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {<br />
color: white; }<br />
button.alert, .button.alert {<br />
background-color: #c60f13;<br />
border-color: #2285a2;<br />
color: white; }<br />
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {<br />
background-color: #2285a2; }<br />
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {<br />
color: white; }<br />
button.large, .button.large {<br />
padding-top: 1.125rem;<br />
padding-right: 2.25rem;<br />
padding-bottom: 1.1875rem;<br />
padding-left: 2.25rem;<br />
font-size: 1.25rem; }<br />
button.small, .button.small {<br />
padding-top: 0.875rem;<br />
padding-right: 1.75rem;<br />
padding-bottom: 0.9375rem;<br />
padding-left: 1.75rem;<br />
font-size: 0.8125rem; }<br />
button.tiny, .button.tiny {<br />
padding-top: 0.625rem;<br />
padding-right: 1.25rem;<br />
padding-bottom: 0.6875rem;<br />
padding-left: 1.25rem;<br />
font-size: 0.6875rem; }<br />
button.expand, .button.expand {<br />
padding-right: 0;<br />
padding-left: 0;<br />
width: 100%; }<br />
button.left-align, .button.left-align {<br />
text-align: left;<br />
text-indent: 0.75rem; }<br />
button.right-align, .button.right-align {<br />
text-align: right;<br />
padding-right: 0.75rem; }<br />
button.radius, .button.radius {<br />
border-radius: 3px; }<br />
button.round, .button.round {<br />
border-radius: 1000px; }<br />
button.disabled, button[disabled], .button.disabled, .button[disabled] {<br />
background-color: #2ba6cb;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
background-color: #2285a2; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
color: white; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
background-color: #2ba6cb; }<br />
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {<br />
background-color: #e9e9e9;<br />
border-color: #2285a2;<br />
color: #333333;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
background-color: #2285a2; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
color: #333333; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
background-color: #e9e9e9; }<br />
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {<br />
background-color: #5da423;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
background-color: #2285a2; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
color: white; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
background-color: #5da423; }<br />
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {<br />
background-color: #c60f13;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
background-color: #2285a2; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
color: white; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
background-color: #c60f13; }<br />
<br />
button::-moz-focus-inner {<br />
border: 0;<br />
padding: 0; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
button, .button {<br />
display: inline-block; } }<br />
<br />
/* ====== Remove MediaWiki Look ====== */<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
<br />
/* Redesigning the topmenu */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;<br />
z-index: 1000;}<br />
#menubar {<br />
color: #000000;<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
line-height: 1;<br />
top: 9px;<br />
z-index: 2000;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: #cccccc;}<br />
#menubar:hover li a {<br />
color: #cccccc;}<br />
.left-menu .noprint ul li .new a {<br />
text-decoration: none;<br />
}<br />
a:hover, a:visited, a:link, a:active<br />
{<br />
text-decoration: none;<br />
}<br />
a:visited {<br />
color: black;<br />
}</div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/stylesheet
Team:StanfordBrownSpelman/stylesheet
2014-10-16T21:36:52Z
<p>Angelofspeed: </p>
<hr />
<div>/* ====== CSS Added ====== */<br />
<br />
::selection {<br />
background: #cccccc; /* WebKit/Blink Browsers */<br />
}<br />
::-moz-selection {<br />
background: #cccccc; /* Gecko Browsers */<br />
}<br />
<br />
/*<br />
#roof, #bottom, #left, #right {<br />
position: fixed;<br />
}<br />
#left, #right {<br />
z-index: 3000;<br />
top: 0; bottom: 0;<br />
width: 10px;<br />
}<br />
#left { left: 0; background: #000000 }<br />
#right { right: 0; background: #000000 }<br />
<br />
#roof, #bottom {<br />
z-index: 3000;<br />
left: 0; right: 0;<br />
height: 10px;<br />
}<br />
#roof { top: 0; background: #000000 }<br />
#bottom { bottom: 0; background: #000000 }<br />
*/<br />
<br />
<br />
.circle {<br />
box-shadow: inset 0px 0px 60px #ffffff;<br />
<br />
background-color: #f9f4f2;<br />
z-index: -100;<br />
border-radius: 50%;<br />
width: 480px;<br />
height: 480px;<br />
position: relative;<br />
left: 50%;<br />
top: 50%;<br />
<br />
/*<br />
* Where the magic happens<br />
* Centering method from CSS Tricks<br />
* http://css-tricks.com/centering-percentage-widthheight-elements/<br />
*/<br />
transform: translate(-50%, -50%);<br />
-webkit-transform: translate(-50%, -50%);<br />
-o-transform: translate(-50%, -50%);<br />
-ms-transform: translate(-50%, -50%);<br />
}<br />
<br />
.title {<br />
width:100%;<br />
text-align:center;<br />
margin:auto;<br />
position:absolute;<br />
top:18px;<br />
z-index:2000;<br />
}<br />
.wiki {<br />
position:fixed;<br />
top:18px;<br />
right:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.projects {<br />
position:fixed;<br />
top:18px;<br />
left:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.team {<br />
position:fixed;<br />
bottom:10px;<br />
left:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.contact {<br />
position:fixed;<br />
bottom: 10px;<br />
right:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
<br />
/* FOR BIO D PAGE */<br />
/***************************/<br />
<br />
.fitAll {<br />
height: 200px;<br />
max-width:300px;<br />
margin-bottom: 20px;<br />
}<br />
<br />
.fitAll2 {<br />
height: 200px;<br />
max-width:300px;<br />
margin-bottom: 20px;<br />
margin-top: 2px;<br />
}<br />
<br />
.reduceSize {<br />
height: 250px;<br />
margin-right: 60px;<br />
margin-bottom: 20px;<br />
}<br />
/***************************/<br />
#iGEMimagelogomain img {<br />
width: 50px;<br />
}<br />
<br />
<br />
/* ====== SPLASH ====== */<br />
<br />
#globalWrapper {<br />
background-size: cover;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
}<br />
<br />
#landing {<br />
width: 100%;<br />
height: 700px;<br />
background-image: url("https://static.igem.org/mediawiki/2014/7/71/SBSiGEM_Drone_Map_1.png");<br />
background-size: cover;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
z-index: 6000;<br />
position: relative;<br />
overflow: hidden;<br />
text-align: center;<br />
}<br />
<br />
#title{<br />
font-size: 64pt;<br />
line-height: 70pt;<br />
color: black;<br />
font-family: 'Montserrat', Futura, Arial, sans-serif;<br />
text-shadow: 6px 6px 12px rgba(0,0,0, .25);<br />
opacity:0.95;<br />
}<br />
<br />
#name {<br />
position: absolute;<br />
left: 50%;<br />
top: 50%;<br />
<br />
/*<br />
* Where the magic happens<br />
* Centering method from CSS Tricks<br />
* http://css-tricks.com/centering-percentage-widthheight-elements/<br />
*/<br />
transform: translate(-50%, -50%);<br />
-webkit-transform: translate(-50%, -50%);<br />
-o-transform: translate(-50%, -50%);<br />
-ms-transform: translate(-50%, -50%);<br />
}<br />
<br />
<br />
/* ====== Remainder ====== */<br />
<br />
nav {<br />
position: fixed;<br />
left: 0;<br />
right: 0;<br />
top: 0;<br />
z-index: 10000;<br />
font-size: 12pt;<br />
<br />
height: 45px;<br />
}<br />
<br />
nav .links {<br />
float: left;<br />
padding: 10px;<br />
}<br />
nav .links:hover{<br />
opacity: .6;<br />
}<br />
<br />
nav .links:active{<br />
background-color: transparent;<br />
}<br />
<br />
#about{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#about img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 50px;<br />
}<br />
<br />
#about .sub{<br />
padding-left: 110px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
#bioBrick{<br />
margin-top: 10px;<br />
margin-bottom: 10px;<br />
}<br />
<br />
#bioBrick img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 25px;<br />
}<br />
<br />
#bioBrick .sub{<br />
padding-left: 85px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
#bioBrickFinal{<br />
margin-top: 10px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#bioBrickFinal img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 25px;<br />
}<br />
<br />
#bioBrickFinal .sub{<br />
padding-left: 85px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
.projecticon-bio-bricks{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
#work{<br />
margin-top: 30px;<br />
}<br />
<br />
#work img{<br />
width: 115px;<br />
height: 115px;<br />
position: absolute;<br />
left: 0px;<br />
top:-6px;<br />
}<br />
<br />
#work .sub2{<br />
left: 90px;<br />
padding-left: 140px;<br />
position: relative;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#work .sub3{<br />
left: 0px;<br />
padding-left: 140px;<br />
position: relative;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#thanks{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#connect{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#connect img{<br />
width: 70px;<br />
height: 70px;<br />
position: relative;<br />
left: 0px;<br />
top: 0px;<br />
}<br />
<br />
#mobile1{<br />
margin-top: 10px;<br />
margin-bottom: 8px;<br />
}<br />
<br />
#mobile2{<br />
margin-top: 20px;<br />
margin-bottom: 20px;<br />
}<br />
<br />
#mobile2 img{<br />
width: 40px;<br />
height: 40px;<br />
position: relative;<br />
left: 0px;<br />
top: 0px;<br />
}<br />
<br />
div#closing a.external <br />
{<br />
background:none !important;<br />
padding: 0px !important;<br />
}<br />
<br />
#closing h6{<br />
margin-top: 30px;<br />
margin-bottom: 0px;<br />
padding-bottom: 20px; <br />
font-size: 8pt; <br />
color: #cccccc;<br />
}<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
#teamNoodle {<br />
}<br />
<br />
.placeholder{<br />
width:100%;<br />
max-width:800px;<br />
height:20px;<br />
background-image: white);<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 20px;<br />
}<br />
<br />
.placeholder2{<br />
width:100%;<br />
max-width:800px;<br />
height:30px;<br />
background-image: white);<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 20px;<br />
}<br />
<br />
.cells{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_cells.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells2{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/6/6a/SBS_iGEM_2014_cells2.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells3{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/9/99/SBS_iGEM_2014_cells3.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells4{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/8/81/SBS_iGEM_2014_cells4.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells5{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/e/ee/SBS_iGEM_2014_cells5.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells6{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/8/81/SBS_iGEM_2014_cells6.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells7{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/e/e2/SBS_iGEM_2014_cells7.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells8{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/4/49/SBS_iGEM_2014_cells8.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
/* ====== CSS for Sub-Pages ====== */<br />
<br />
.projecticon-cellulose-acetate{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
display:block;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-cellulose-acetate img{<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto;<br />
width: 162px;<br />
height: 162px;<br />
float: top;<br />
}<br />
<br />
.projecticon-hell-cell{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-waterproofing{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-biodegradation{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-human-practices{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-drone{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/d/dd/SBS_iGEM_2014_drone_icon.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-meet-team{<br />
width:130%;<br />
max-width:800px;<br />
height:573.89px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/c/c8/FullTeamPic.jpg");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:800px;<br />
margin-top: 10px;<br />
margin-bottom: 10px;<br />
}<br />
<br />
#header{<br />
margin-top: 10px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#photo{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#subheader{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#subheader .sub4{<br />
padding-left: 130px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader .subindent{<br />
padding-left: 50px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader img{<br />
width: 70px;<br />
height: 70px;<br />
top: -2px;<br />
position: absolute;<br />
left: 50px;<br />
}<br />
<br />
#subheader .sub5{<br />
padding-left: 55px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader .sub6{<br />
padding-left: 55px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
font-family:'Inconsolata', Helvetica, Arial, sans-serif;<br />
font-size: 13px;<br />
line-height: 8px;<br />
}<br />
<br />
#images{<br />
}<br />
<br />
#results{<br />
}<br />
<br />
#process{<br />
}<br />
<br />
#references{<br />
}<br />
<br />
<br />
/* ====== CSS Added Over ====== */<br />
<br />
<br />
<br />
<br />
<br />
<br />
meta.foundation-version {<br />
font-family: "/5.3.1/"; }<br />
<br />
meta.foundation-mq-small {<br />
font-family: "/only screen/";<br />
width: 0em; }<br />
<br />
meta.foundation-mq-medium {<br />
font-family: "/only screen and (min-width:40.063em)/";<br />
width: 40.063em; }<br />
<br />
meta.foundation-mq-large {<br />
font-family: "/only screen and (min-width:64.063em)/";<br />
width: 64.063em; }<br />
<br />
meta.foundation-mq-xlarge {<br />
font-family: "/only screen and (min-width:90.063em)/";<br />
width: 90.063em; }<br />
<br />
meta.foundation-mq-xxlarge {<br />
font-family: "/only screen and (min-width:120.063em)/";<br />
width: 120.063em; }<br />
<br />
meta.foundation-data-attribute-namespace {<br />
font-family: false; }<br />
<br />
html, body {<br />
height: 100%;<br />
}<br />
<br />
*,<br />
*:before,<br />
*:after {<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box; }<br />
<br />
html,<br />
body {<br />
font-size: 100%; }<br />
<br />
body {<br />
background: #ffffff;<br />
color: #00000;<br />
padding: 0;<br />
margin: 0;<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
line-height: 1;<br />
position: relative;<br />
/* cursor: url('../images/drone_cursor.png'), default; */<br />
cursor: default; }<br />
<br />
img {<br />
max-width: 100%;<br />
height: auto;<br />
margin-bottom: 4px; }<br />
<br />
/* IMAGE BOTTOM MARGIN MAY CAUSE PROBLEMS */<br />
<br />
img {<br />
-ms-interpolation-mode: bicubic; }<br />
<br />
#map_canvas img,<br />
#map_canvas embed,<br />
#map_canvas object,<br />
.map_canvas img,<br />
.map_canvas embed,<br />
.map_canvas object {<br />
max-width: none !important; }<br />
<br />
.left {<br />
float: left !important; }<br />
<br />
.right {<br />
float: right !important; }<br />
<br />
.clearfix:before, .clearfix:after {<br />
content: " ";<br />
display: table; }<br />
.clearfix:after {<br />
clear: both; }<br />
<br />
.hide {<br />
display: none; }<br />
<br />
.antialiased {<br />
-webkit-font-smoothing: antialiased;<br />
-moz-osx-font-smoothing: grayscale; }<br />
<br />
img {<br />
display: inline-block;<br />
vertical-align: middle; }<br />
<br />
textarea {<br />
height: auto;<br />
min-height: 50px; }<br />
<br />
select {<br />
width: 100%; }<br />
<br />
.introText {<br />
text-indent: 50px;<br />
} <br />
<br />
.row {<br />
width: 100%;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
max-width: 62.5em; }<br />
.row:before, .row:after {<br />
content: " ";<br />
display: table; }<br />
.row:after {<br />
clear: both; }<br />
.row.collapse > .column,<br />
.row.collapse > .columns {<br />
padding-left: 0;<br />
padding-right: 0; }<br />
.row.collapse .row {<br />
margin-left: 0;<br />
margin-right: 0; }<br />
.row .row {<br />
width: auto;<br />
margin-left: -0.9375em;<br />
margin-right: -0.9375em;<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
max-width: none; }<br />
.row .row:before, .row .row:after {<br />
content: " ";<br />
display: table; }<br />
.row .row:after {<br />
clear: both; }<br />
.row .row.collapse {<br />
width: auto;<br />
margin: 0;<br />
max-width: none; }<br />
.row .row.collapse:before, .row .row.collapse:after {<br />
content: " ";<br />
display: table; }<br />
.row .row.collapse:after {<br />
clear: both; }<br />
<br />
.column,<br />
.columns {<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
width: 100%;<br />
float: left; }<br />
<br />
[class*="column"] + [class*="column"]:last-child {<br />
float: right; }<br />
<br />
[class*="column"] + [class*="column"].end {<br />
float: left; }<br />
<br />
@media only screen {<br />
.small-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.small-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.small-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.small-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.small-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.small-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.small-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.small-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.small-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.small-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.small-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.small-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.small-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.small-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.small-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.small-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.small-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.small-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.small-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.small-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.small-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.small-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.small-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.small-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.small-1 {<br />
width: 8.33333%; }<br />
<br />
.small-2 {<br />
width: 16.66667%; }<br />
<br />
.small-3 {<br />
width: 25%; }<br />
<br />
.small-4 {<br />
width: 33.33333%; }<br />
<br />
.small-5 {<br />
width: 41.66667%; }<br />
<br />
.small-6 {<br />
width: 50%; }<br />
<br />
.small-7 {<br />
width: 58.33333%; }<br />
<br />
.small-8 {<br />
width: 66.66667%; }<br />
<br />
.small-9 {<br />
width: 75%; }<br />
<br />
.small-10 {<br />
width: 83.33333%; }<br />
<br />
.small-11 {<br />
width: 88%; }<br />
<br />
.small-12 {<br />
width: 100%; }<br />
<br />
.small-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.small-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.small-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.small-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.small-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.small-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.small-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.small-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.small-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.small-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.small-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.small-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.small-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.small-centered,<br />
.columns.small-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.small-uncentered,<br />
.columns.small-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.small-centered:last-child,<br />
.columns.small-centered:last-child {<br />
float: none; }<br />
<br />
.column.small-uncentered:last-child,<br />
.columns.small-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.small-uncentered.opposite,<br />
.columns.small-uncentered.opposite {<br />
float: right; } }<br />
@media only screen and (min-width: 40.063em) {<br />
.medium-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.medium-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.medium-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.medium-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.medium-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.medium-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.medium-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.medium-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.medium-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.medium-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.medium-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.medium-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.medium-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.medium-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.medium-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.medium-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.medium-1 {<br />
width: 8.33333%; }<br />
<br />
.medium-2 {<br />
width: 16.66667%; }<br />
<br />
.medium-3 {<br />
width: 25%; }<br />
<br />
.medium-4 {<br />
width: 33.33333%; }<br />
<br />
.medium-5 {<br />
width: 41.66667%; }<br />
<br />
.medium-6 {<br />
width: 50%; }<br />
<br />
.medium-7 {<br />
width: 58.33333%; }<br />
<br />
.medium-8 {<br />
width: 66.66667%; }<br />
<br />
.medium-9 {<br />
width: 75%; }<br />
<br />
.medium-10 {<br />
width: 83.33333%; }<br />
<br />
.medium-11 {<br />
width: 91.66667%; }<br />
<br />
.medium-12 {<br />
width: 100%; }<br />
<br />
.medium-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.medium-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.medium-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.medium-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.medium-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.medium-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.medium-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.medium-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.medium-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.medium-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.medium-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.medium-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.medium-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.medium-centered,<br />
.columns.medium-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.medium-uncentered,<br />
.columns.medium-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.medium-centered:last-child,<br />
.columns.medium-centered:last-child {<br />
float: none; }<br />
<br />
.column.medium-uncentered:last-child,<br />
.columns.medium-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.medium-uncentered.opposite,<br />
.columns.medium-uncentered.opposite {<br />
float: right; }<br />
<br />
.push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; } }<br />
@media only screen and (min-width: 64.063em) {<br />
.large-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.large-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.large-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.large-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.large-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.large-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.large-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.large-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.large-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.large-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.large-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.large-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.large-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.large-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.large-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.large-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.large-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.large-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.large-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.large-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.large-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.large-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.large-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.large-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.large-1 {<br />
width: 8.33333%; }<br />
<br />
.large-2 {<br />
width: 16.66667%; }<br />
<br />
.large-3 {<br />
width: 25%; }<br />
<br />
.large-4 {<br />
width: 33.33333%; }<br />
<br />
.large-5 {<br />
width: 41.66667%; }<br />
<br />
.large-6 {<br />
width: 50%; }<br />
<br />
.large-7 {<br />
width: 58.33333%; }<br />
<br />
.large-8 {<br />
width: 66.66667%; }<br />
<br />
.large-9 {<br />
width: 75%; }<br />
<br />
.large-10 {<br />
width: 83.33333%; }<br />
<br />
.large-11 {<br />
width: 91.66667%; }<br />
<br />
.large-12 {<br />
width: 100%; }<br />
<br />
.large-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.large-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.large-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.large-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.large-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.large-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.large-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.large-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.large-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.large-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.large-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.large-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.large-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.large-centered,<br />
.columns.large-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.large-uncentered,<br />
.columns.large-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.large-centered:last-child,<br />
.columns.large-centered:last-child {<br />
float: none; }<br />
<br />
.column.large-uncentered:last-child,<br />
.columns.large-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.large-uncentered.opposite,<br />
.columns.large-uncentered.opposite {<br />
float: right; }<br />
<br />
.push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; } }<br />
.text-left {<br />
text-align: left !important; }<br />
<br />
.text-right {<br />
text-align: right !important; }<br />
<br />
.text-center {<br />
text-align: center !important; }<br />
<br />
.text-justify {<br />
text-align: justify !important; }<br />
<br />
@media only screen and (max-width: 40em) {<br />
.small-only-text-left {<br />
text-align: left !important; }<br />
<br />
.small-only-text-right {<br />
text-align: right !important; }<br />
<br />
.small-only-text-center {<br />
text-align: center !important; }<br />
<br />
.small-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen {<br />
.small-text-left {<br />
text-align: left !important; }<br />
<br />
.small-text-right {<br />
text-align: right !important; }<br />
<br />
.small-text-center {<br />
text-align: center !important; }<br />
<br />
.small-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 40.063em) and (max-width: 64em) {<br />
.medium-only-text-left {<br />
text-align: left !important; }<br />
<br />
.medium-only-text-right {<br />
text-align: right !important; }<br />
<br />
.medium-only-text-center {<br />
text-align: center !important; }<br />
<br />
.medium-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 40.063em) {<br />
.medium-text-left {<br />
text-align: left !important; }<br />
<br />
.medium-text-right {<br />
text-align: right !important; }<br />
<br />
.medium-text-center {<br />
text-align: center !important; }<br />
<br />
.medium-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 64.063em) and (max-width: 90em) {<br />
.large-only-text-left {<br />
text-align: left !important; }<br />
<br />
.large-only-text-right {<br />
text-align: right !important; }<br />
<br />
.large-only-text-center {<br />
text-align: center !important; }<br />
<br />
.large-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 64.063em) {<br />
.large-text-left {<br />
text-align: left !important; }<br />
<br />
.large-text-right {<br />
text-align: right !important; }<br />
<br />
.large-text-center {<br />
text-align: center !important; }<br />
<br />
.large-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 90.063em) and (max-width: 120em) {<br />
.xlarge-only-text-left {<br />
text-align: left !important; }<br />
<br />
.xlarge-only-text-right {<br />
text-align: right !important; }<br />
<br />
.xlarge-only-text-center {<br />
text-align: center !important; }<br />
<br />
.xlarge-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 90.063em) {<br />
.xlarge-text-left {<br />
text-align: left !important; }<br />
<br />
.xlarge-text-right {<br />
text-align: right !important; }<br />
<br />
.xlarge-text-center {<br />
text-align: center !important; }<br />
<br />
.xlarge-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {<br />
.xxlarge-only-text-left {<br />
text-align: left !important; }<br />
<br />
.xxlarge-only-text-right {<br />
text-align: right !important; }<br />
<br />
.xxlarge-only-text-center {<br />
text-align: center !important; }<br />
<br />
.xxlarge-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 120.063em) {<br />
.xxlarge-text-left {<br />
text-align: left !important; }<br />
<br />
.xxlarge-text-right {<br />
text-align: right !important; }<br />
<br />
.xxlarge-text-center {<br />
text-align: center !important; }<br />
<br />
.xxlarge-text-justify {<br />
text-align: justify !important; } }<br />
/* Typography resets */<br />
div,<br />
dl,<br />
dt,<br />
dd,<br />
ul,<br />
ol,<br />
li,<br />
h1,<br />
h2,<br />
h3,<br />
h4,<br />
h5,<br />
h6,<br />
h0,<br />
pre,<br />
form,<br />
p,<br />
blockquote,<br />
th,<br />
td {<br />
margin: 0;<br />
padding: 0; }<br />
<br />
/* Default Link Styles */<br />
a {<br />
color: #000000;<br />
text-decoration: none;<br />
line-height: inherit; }<br />
<br />
<br />
a.one:hover { color: #eaea13; }<br />
a.two:hover { color: #fbb03b; }<br />
a.three:hover { color: #dbef20; }<br />
a.four:hover { color: #a2d650; }<br />
a.five:hover { color: #4fcc36; }<br />
a.six:hover { color: #22b573; }<br />
a.seven:hover { color: #39b54a; }<br />
a.eight:hover { color: #00a99d; }<br />
a.nine:hover { color: #18d3a2; }<br />
a.ten:hover { color: #b2ae22; }<br />
<br />
<br />
a img {<br />
border: none; }<br />
<br />
/* Default paragraph styles */<br />
p {<br />
font-family: inherit;<br />
font-weight: normal;<br />
font-size: 1rem;<br />
line-height: 1.6;<br />
margin-bottom: 1.25rem;<br />
text-rendering: optimizeLegibility; }<br />
p.lead {<br />
font-size: 1.21875rem;<br />
line-height: 1.6; }<br />
p aside {<br />
font-size: 0.875rem;<br />
line-height: 1.35;<br />
font-style: italic; }<br />
<br />
/* Default header styles */<br />
h0, h1, h2, h3, h4, h5, h6 {<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
color: #000000;<br />
text-rendering: optimizeLegibility;<br />
margin-top: 0.2rem;<br />
margin-bottom: 0.5rem;<br />
line-height: 1.4; }<br />
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {<br />
font-size: 60%;<br />
color: #6f6f6f;<br />
line-height: 0; }<br />
<br />
h0 {<br />
font-size: .7rem;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: justify; }<br />
<br />
h1 {<br />
font-size: 2.125rem; }<br />
<br />
h2 {<br />
/* font-size: 1.6875rem; */<br />
font-size: 1.0rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
<br />
}<br />
<br />
h3 {<br />
font-size: 1.375rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h4 {<br />
font-size: 1.125rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h5 {<br />
font-size: 1.125rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 10px; }<br />
<br />
h6 {<br />
font-size: .8rem;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: justify; }<br />
<br />
.boxedmenu {<br />
border-bottom: 2px solid green;<br />
border-top: 2px solid green;<br />
margin-bottom: 25px;<br />
}<br />
<br />
.boxedimg {<br />
border-bottom: 2px solid #218282;<br />
border-top: 2px solid #218282;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
}<br />
<br />
h7 {<br />
/* font-size: 1.6875rem; */<br />
font-size: 1.3rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
.subheader {<br />
line-height: 1.4;<br />
color: #6f6f6f;<br />
font-weight: normal;<br />
margin-top: 0.2rem;<br />
margin-bottom: 0.5rem; }<br />
<br />
hr {<br />
border: solid #dddddd;<br />
border-width: 1px 0 0;<br />
clear: both;<br />
margin: 1.25rem 0 1.1875rem;<br />
height: 0; }<br />
<br />
/* Helpful Typography Defaults */<br />
em,<br />
i {<br />
font-style: italic;<br />
line-height: inherit; }<br />
<br />
strong,<br />
b {<br />
font-weight: bold;<br />
line-height: inherit; }<br />
<br />
small {<br />
font-size: 60%;<br />
line-height: inherit; }<br />
<br />
code {<br />
font-family: Consolas, "Liberation Mono", Courier, monospace;<br />
font-weight: bold;<br />
color: #910b0e; }<br />
<br />
/* Lists */<br />
ul,<br />
ol,<br />
dl {<br />
font-size: 1rem;<br />
line-height: 1.6;<br />
margin-bottom: 1.25rem;<br />
list-style-position: outside;<br />
font-family: inherit; }<br />
<br />
ul {<br />
margin-left: 1.1rem; }<br />
ul.no-bullet {<br />
margin-left: 0; }<br />
ul.no-bullet li ul,<br />
ul.no-bullet li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0;<br />
list-style: none; }<br />
<br />
/* Unordered Lists */<br />
ul li ul,<br />
ul li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0; }<br />
ul.square li ul, ul.circle li ul, ul.disc li ul {<br />
list-style: inherit; }<br />
ul.square {<br />
list-style-type: square;<br />
margin-left: 1.1rem; }<br />
ul.circle {<br />
list-style-type: circle;<br />
margin-left: 1.1rem; }<br />
ul.disc {<br />
list-style-type: disc;<br />
margin-left: 1.1rem; }<br />
ul.no-bullet {<br />
list-style: none; }<br />
<br />
/* Ordered Lists */<br />
ol {<br />
margin-left: 1.4rem; }<br />
ol li ul,<br />
ol li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0; }<br />
<br />
/* Definition Lists */<br />
dl dt {<br />
margin-bottom: 0.3rem;<br />
font-weight: bold; }<br />
dl dd {<br />
margin-bottom: 0.75rem; }<br />
<br />
/* Abbreviations */<br />
abbr,<br />
acronym {<br />
text-transform: uppercase;<br />
font-size: 90%;<br />
color: #000000;<br />
border-bottom: 1px dotted #dddddd;<br />
cursor: help; }<br />
<br />
abbr {<br />
text-transform: none; }<br />
<br />
/* Blockquotes */<br />
blockquote {<br />
margin: 0 0 1.25rem;<br />
padding: 0.5625rem 1.25rem 0 1.1875rem;<br />
border-left: 1px solid #dddddd; }<br />
blockquote cite {<br />
display: block;<br />
font-size: 0.8125rem;<br />
color: #555555; }<br />
blockquote cite:before {<br />
content: "\2014 \0020"; }<br />
blockquote cite a,<br />
blockquote cite a:visited {<br />
color: #555555; }<br />
<br />
blockquote,<br />
blockquote p {<br />
line-height: 1.6;<br />
color: #6f6f6f; }<br />
<br />
/* Microformats */<br />
.vcard {<br />
display: inline-block;<br />
margin: 0 0 1.25rem 0;<br />
border: 1px solid #dddddd;<br />
padding: 0.625rem 0.75rem; }<br />
.vcard li {<br />
margin: 0;<br />
display: block; }<br />
.vcard .fn {<br />
font-weight: bold;<br />
font-size: 0.9375rem; }<br />
<br />
.vevent .summary {<br />
font-weight: bold; }<br />
.vevent abbr {<br />
cursor: default;<br />
text-decoration: none;<br />
font-weight: bold;<br />
border: none;<br />
padding: 0 0.0625rem; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
h0, h1, h2, h3, h4, h5, h6 {<br />
line-height: 1.4; }<br />
<br />
h0 {<br />
font-size: .7rem;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: left; }<br />
<br />
h1 {<br />
font-size: 2.75rem; }<br />
<br />
h2 {<br />
/* font-size: 2.3125rem; */<br />
font-size: 1.3rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
h3 {<br />
font-size: 1.6875rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h4 {<br />
font-size: 1.4375rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h5 {<br />
font-size: 1.4375rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 10px; }<br />
<br />
h6 {<br />
font-size: 1rem;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: left; <br />
} <br />
<br />
h7 {<br />
/* font-size: 2.3125rem; */<br />
font-size: 1.0rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
}<br />
<br />
/* ====== CSS Added ======<br />
<br />
img{<br />
width: 80px;<br />
height: 80px;<br />
position: absolute;<br />
left: 0px;<br />
top:-6px;<br />
}<br />
<br />
====== CSS Added End ====== */<br />
<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
/*<br />
* Print styles.<br />
*<br />
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/<br />
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)<br />
*/<br />
.print-only {<br />
display: none !important; }<br />
<br />
@media print {<br />
* {<br />
background: transparent !important;<br />
color: black !important;<br />
/* Black prints faster: h5bp.com/s */<br />
box-shadow: none !important;<br />
text-shadow: none !important; }<br />
<br />
a,<br />
a:visited {<br />
text-decoration: underline; }<br />
<br />
a[href]:after {<br />
content: " (" attr(href) ")"; }<br />
<br />
abbr[title]:after {<br />
content: " (" attr(title) ")"; }<br />
<br />
.ir a:after,<br />
a[href^="javascript:"]:after,<br />
a[href^="#"]:after {<br />
content: ""; }<br />
<br />
pre,<br />
blockquote {<br />
border: 1px solid #999999;<br />
page-break-inside: avoid; }<br />
<br />
thead {<br />
display: table-header-group;<br />
/* h5bp.com/t */ }<br />
<br />
tr,<br />
img {<br />
page-break-inside: avoid; }<br />
<br />
img {<br />
max-width: 100% !important; }<br />
<br />
@page {<br />
margin: 0.5cm; }<br />
<br />
p,<br />
h2,<br />
h3 {<br />
orphans: 3;<br />
widows: 3; }<br />
<br />
h2,<br />
h3 {<br />
page-break-after: avoid; }<br />
<br />
.hide-on-print {<br />
display: none !important; }<br />
<br />
.print-only {<br />
display: block !important; }<br />
<br />
.hide-for-print {<br />
display: none !important; }<br />
<br />
.show-for-print {<br />
display: inherit !important; } }<br />
.reveal-modal-bg {<br />
position: fixed;<br />
height: 100%;<br />
width: 100%;<br />
background: black;<br />
background: rgba(0, 0, 0, 0.45);<br />
z-index: 99;<br />
display: none;<br />
top: 0;<br />
left: 0; }<br />
<br />
dialog, .reveal-modal {<br />
visibility: hidden;<br />
display: none;<br />
position: absolute;<br />
z-index: 100;<br />
width: 100vw;<br />
top: 0;<br />
left: 0;<br />
background-color: white;<br />
padding: 1.25rem;<br />
border: solid 1px #666666;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }<br />
@media only screen and (max-width: 40em) {<br />
dialog, .reveal-modal {<br />
min-height: 100vh; } }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
left: 50%; } }<br />
dialog .column,<br />
dialog .columns, .reveal-modal .column,<br />
.reveal-modal .columns {<br />
min-width: 0; }<br />
dialog > :first-child, .reveal-modal > :first-child {<br />
margin-top: 0; }<br />
dialog > :last-child, .reveal-modal > :last-child {<br />
margin-bottom: 0; }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
margin-left: -40%;<br />
width: 80%; } }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
top: 6.25rem; } }<br />
dialog .close-reveal-modal, .reveal-modal .close-reveal-modal {<br />
font-size: 2.5rem;<br />
line-height: 1;<br />
position: absolute;<br />
top: 0.5rem;<br />
right: 0.6875rem;<br />
color: #aaaaaa;<br />
font-weight: bold;<br />
cursor: pointer; }<br />
<br />
dialog[open] {<br />
display: block;<br />
visibility: visible; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
padding: 1.875rem; }<br />
dialog.radius, .reveal-modal.radius {<br />
border-radius: 3px; }<br />
dialog.round, .reveal-modal.round {<br />
border-radius: 1000px; }<br />
dialog.collapse, .reveal-modal.collapse {<br />
padding: 0; }<br />
dialog.full, .reveal-modal.full {<br />
top: 0;<br />
left: 0;<br />
height: 100vh;<br />
min-height: 100vh;<br />
margin-left: 0 !important; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.tiny, .reveal-modal.tiny {<br />
margin-left: -15%;<br />
width: 30%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.small, .reveal-modal.small {<br />
margin-left: -20%;<br />
width: 40%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.medium, .reveal-modal.medium {<br />
margin-left: -30%;<br />
width: 60%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.large, .reveal-modal.large {<br />
margin-left: -35%;<br />
width: 70%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.xlarge, .reveal-modal.xlarge {<br />
margin-left: -47.5%;<br />
width: 95%; } }<br />
<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.full, .reveal-modal.full {<br />
margin-left: -50vw;<br />
width: 100vw; } }<br />
<br />
@media print {<br />
dialog, .reveal-modal {<br />
background: white !important; } }<br />
button, .button {<br />
border-style: solid;<br />
border-width: 0px;<br />
cursor: pointer;<br />
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: normal;<br />
line-height: normal;<br />
margin: 0 0 1.25rem;<br />
position: relative;<br />
text-decoration: none;<br />
text-align: center;<br />
-webkit-appearance: none;<br />
-webkit-border-radius: 0;<br />
display: inline-block;<br />
padding-top: 1rem;<br />
padding-right: 2rem;<br />
padding-bottom: 1.0625rem;<br />
padding-left: 2rem;<br />
font-size: 1rem;<br />
background-color: #2ba6cb;<br />
border-color: #2285a2;<br />
color: white;<br />
transition: background-color 300ms ease-out; }<br />
button:hover, button:focus, .button:hover, .button:focus {<br />
background-color: #2285a2; }<br />
button:hover, button:focus, .button:hover, .button:focus {<br />
color: white; }<br />
button.secondary, .button.secondary {<br />
background-color: #e9e9e9;<br />
border-color: #2285a2;<br />
color: #333333; }<br />
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {<br />
background-color: #2285a2; }<br />
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {<br />
color: #333333; }<br />
button.success, .button.success {<br />
background-color: #5da423;<br />
border-color: #2285a2;<br />
color: white; }<br />
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {<br />
background-color: #2285a2; }<br />
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {<br />
color: white; }<br />
button.alert, .button.alert {<br />
background-color: #c60f13;<br />
border-color: #2285a2;<br />
color: white; }<br />
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {<br />
background-color: #2285a2; }<br />
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {<br />
color: white; }<br />
button.large, .button.large {<br />
padding-top: 1.125rem;<br />
padding-right: 2.25rem;<br />
padding-bottom: 1.1875rem;<br />
padding-left: 2.25rem;<br />
font-size: 1.25rem; }<br />
button.small, .button.small {<br />
padding-top: 0.875rem;<br />
padding-right: 1.75rem;<br />
padding-bottom: 0.9375rem;<br />
padding-left: 1.75rem;<br />
font-size: 0.8125rem; }<br />
button.tiny, .button.tiny {<br />
padding-top: 0.625rem;<br />
padding-right: 1.25rem;<br />
padding-bottom: 0.6875rem;<br />
padding-left: 1.25rem;<br />
font-size: 0.6875rem; }<br />
button.expand, .button.expand {<br />
padding-right: 0;<br />
padding-left: 0;<br />
width: 100%; }<br />
button.left-align, .button.left-align {<br />
text-align: left;<br />
text-indent: 0.75rem; }<br />
button.right-align, .button.right-align {<br />
text-align: right;<br />
padding-right: 0.75rem; }<br />
button.radius, .button.radius {<br />
border-radius: 3px; }<br />
button.round, .button.round {<br />
border-radius: 1000px; }<br />
button.disabled, button[disabled], .button.disabled, .button[disabled] {<br />
background-color: #2ba6cb;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
background-color: #2285a2; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
color: white; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
background-color: #2ba6cb; }<br />
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {<br />
background-color: #e9e9e9;<br />
border-color: #2285a2;<br />
color: #333333;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
background-color: #2285a2; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
color: #333333; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
background-color: #e9e9e9; }<br />
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {<br />
background-color: #5da423;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
background-color: #2285a2; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
color: white; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
background-color: #5da423; }<br />
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {<br />
background-color: #c60f13;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
background-color: #2285a2; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
color: white; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
background-color: #c60f13; }<br />
<br />
button::-moz-focus-inner {<br />
border: 0;<br />
padding: 0; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
button, .button {<br />
display: inline-block; } }<br />
<br />
/* ====== Remove MediaWiki Look ====== */<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
<br />
/* Redesigning the topmenu */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;<br />
z-index: 1000;}<br />
#menubar {<br />
color: #000000;<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
line-height: 1;<br />
top: 9px;<br />
z-index: 2000;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: #cccccc;}<br />
#menubar:hover li a {<br />
color: #cccccc;}<br />
.left-menu .noprint ul li .new a {<br />
text-decoration: none;<br />
}<br />
a:hover, a:visited, a:link, a:active<br />
{<br />
text-decoration: none;<br />
}<br />
a:visited {<br />
color: black;<br />
}</div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability
Team:StanfordBrownSpelman/Biodegradability
2014-10-16T21:36:35Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014 — Amberless Hell Cell</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/7/71/SBS_iGEM_2014_Biodegradation.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h3><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability">Biodegradability</a></h3><br />
<div class="boxedmenu"><h7><center><a href="#" id="intro">Introduction</a> ● <a href="#" id="methods">Methods</a> ● <a href="#" id="data">Results</a> ● <a href="#" id="links">References</a> ● <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks#B">BioBricks</a></h7></div><br />
<h6 id="int"><br />
<center><iframe width="420" height="315" src="//www.youtube.com/embed/PgdF8xIAh8c" frameborder="0" allowfullscreen></iframe><br><br></center><br />
Creating a biodegradable drone will reduce collateral waste, lightening the footprint of unmanned science missions on planetary environments and microecosystems. Since we are using BCOAc for the construction of our drone, we plan on transforming E. coli with two genes obtained from Niesseria sicca, which synthesizes enzymes capable of degrading BCOAc; the first gene is an esterase which deacetylates the BCOAc, and the second is endo-1,4-beta-glucanase, a cellulase which speeds BC degradation. In order to trigger the onset and spread of degradation, we are investigating pressure-sensitive promoters (to simulate impact) and time-sensitive promoters linked to bacterial quorum sensing machinery. Quorum sensing allows the signal for degradation to spread to surrounding cells, enabling the complete breakdown of our biomaterials from a single point of impact.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="process" class="small-3 small-centered columns cells4"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Methods ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Approach & Methods</h5><br />
<h6>Methods here.</h6> </div></div><br />
<div class="small-7 small-centered columns"><br><center><img src="https://static.igem.org/mediawiki/2014/6/6e/SBS_iGEM_2014_photo_placeholder.png"><br><br />
<h6><center><b>Figure 1.</b> Figure caption here.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<h6>More methods here. <br />
<br />
<div class="sub4"><a href="work/PUT-PDF-REFERENCE-HEREpdf" target="_blank"><img src="https://static.igem.org/mediawiki/2014/2/25/SBS_iGEM_2014_download.png"></a><a href="work/PUT-PDF-REFERENCE-HEREpdf">Click here to go to our project journal, which details our design and engineering process and included descriptions of the protocols we developed and used.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Cell Spacer 2 ====== --><br />
<br />
<div class="row"><br />
<div id="results" class="small-3 small-centered columns cells8"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Results ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Results</h5><br />
<h6><br />
Our goal for this project was not only to isolate biodegradation enzymes but also to control the release of these enzymes, so that our UAV would not degrade uncontrollably. In order to control the initiation of biodegradation, we first considered using a pressure sensor. This would allow the UAV to begin degrading after the impact of a crash. The 2008 Tokyo Tech iGem team found that the ptet promoter was pressure sensitive and increased its activity 3-fold after undergoing 30 MPa of pressure. We got their construct from the distribution kit and tested its functionality by monitoring GFP expression. We found that this promoter is always turned on even at very low pressures (The cells were bright green even with no pressure at all). When we introduced a repressor for the Ptet promoter, we found out that the repressor is too strong, and even at high pressures, the Ptet promoter will still be repressed. The photo and graphs below show our testing of the Ptet promoter in the presence and absence of the Tet repressor. </h6><br><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/a5/Ptet_promoter_testing.png><br><br />
<h6><center>This graph shows that there was not a clear correlation between the amount of pressure applied on the ptet promoter to the amount of GFP expression: For instance, application of 14000rpm pressure on cells with ptet promoter for 30 seconds led to production of less fluorescence than application of 5000rpm pressure to the same batch of cells.When Tet Repressor was used, its effect was too strong and we could not find a repressor that could inhibit ptet just enough to control the biodegradation process</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6><br />
On top of testing the ptet promoter, we analyzed the impact a crash would have on our UAV by using a force plate ,and we found it unlikely that the impact of the crash would ever reach as high a pressure as 30 MPa, based on projections from the data we collected. (see graph below). <br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/ac/Sbs_igem_forceplategraph.png><br><br />
<h6><center>We measured the pressure upon impact of an object similar in shape and weight to our UAV. We took measurements by dropping or throwing the object from various heights and angles. Based on our data, it is projected that even from a drop height of 10m, the pressure upon impact would not even be 1 MPa, making it unlikely that any crash would ever cause 30 MPa of pressure.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br></br><br />
<br />
<h6>We next tried to initiate degradation using a light sensor, which would activate degradation in the darkness, allowing our UAV to have a flight time of one day. We planned to do this using the construct from the UT Austin and UCSF 2004 Coliroid project. However, the strain of E. coli (EnvZ) that we needed to work with to use this construct was resistant to all 4 of the main antibiotics we had in our lab, making the bacteria difficult and expensive to work with.<h6><br />
<br />
<br></br><br />
<br />
<h6>Finally, we decided to use quorum sensing as a means of creating a time delay for initiation of degradation. Two previous constructs, BBa_I13202 and BBa_T9002, when combined, create a quorum sensing cascade used to initiate expression of GFP. We ligated these two parts together to create our novel part, BBa_K1499500, which we used for our assays. We found that, in lac deficient cells, the quorum sensing construct can be initiated by induction with IPTG. After this induction, GFP expression increases with time, implying that the construct is doing its job. Our data for this assay is shown below. <br />
</div></div></h6><br />
<br />
<br></br><br />
<div class="row"><br />
<h5><center>Quorum Sensing Data</h5> <br></br><br />
<img class="fitAll2" src="https://static.igem.org/mediawiki/2014/f/fc/NEGATIVE_CONTROL_TABLE.png"><br />
<img class="fitAll" src="https://static.igem.org/mediawiki/2014/3/3f/IPTG-NEGATIVE_TABLE.png"><br />
<img class="fitAll" src="https://static.igem.org/mediawiki/2014/b/b1/IPTG-POSITIVE_TABLE.png"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/1/1d/NEGATIVE_CONTROL_GRAPH.JPG"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/1/18/GFP_IPTG_NEGATIVE.JPG"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/4/43/GFP_IPTG_POSITIVE.JPG"><br />
<h6><center><b>Figure 1. Flow-Cytometer Data & Graphs: </b></h6><h0 class="introText"> The three graphs and tables above represent the flow-cytometer data obtained from three samples of lac-deficient E. coli cells. One of the samples was a negative control of LB-cultured E. coli cells (Negative Control), and the other two samples (IPTG-Positive and IPTG-Negative) had the GFP-quorum sensing construct. The IPTG-Positive sample had a ~6X increase in GFP expression over the background IPTG-Negative cells, showing our construct worked correctly.</center></h0><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6 class="introText"><br />
Flow-cytometry is a laser-based technology that has a wide-range of uses, including multiparametric cell counting and cell sorting. In this study, we utilized the cell counting ability of a flow cytometer in order to determine how many of our cells were expressing GFP after being induced with IPTG (a lac analog). The “X-Median” seen on the three tables above shows the fluorescence intensity of all of the cells that were counted that were not considered dead (Median). <br />
Each sample measured 50,000 cells (Seen under All Events - Count), and then counted all of the cells that were alive (Median - Count), where each sample had between 47,000 and 49,000 live cells. From the data, and as illustrated in the graphs above, we can gather that the fluorescence intensity (X-Median) of the LB only cells was approximately 63 arbitrary fluorescence units (AFU), the IPTG-negative cells was ~17,000 AFU, and the intensity of the IPTG-positive cells was ~107,000 AFU, meaning that the IPTG-positive quorum sensing cells increased fluorescence intensity over 6X the background intensity (IPTG-negative cells).<br />
These results indicate that our quorum sensing construct works and greatly increases GFP expression when activated through IPTG-induction. The IPTG-negative cells also expressed some non-negligible degree of GFP, which suggests that the construct could still be improved further. However, the successful proof of concept of our quorum sensing construct is incredibly promising and allows us to proceed toward the next step.<br />
<br />
<br></br><br />
<br />
Since we know that the quorum sensing construct is functional and inducible with IPTG. We can now work towards replacing the GFP gene with the genes for our degradation enzymes, allowing us to control degradation by applying IPTG at different time points.<br />
<br />
<br></br><br />
<br />
In conjunction with working on controlling the initiation of degradation, we simultaneously worked with two degradation enzymes, esterase and cellulase. Both of these genes are isolated from the organism Neisseria sicca; the esterase is designed to de-acetylate cellulose acetate (our building material), and the cellulase breaks down the leftover cellulose into glucose monomers. <br />
<br />
After successfully transforming the esterase gene into E. coli, and confirming via colony PCR, we grew up a large culture of transformed cells and used this to extract and purify the esterase protein.<br />
<br />
<br></br><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/3/30/Sbs_igem_esterasepcrfinal.jpg><br><br />
<h6><center>This is an image of a gel electrophoresis done after running colony PCR with E. coli colonies transformed with our esterase gene. The esterase gene is approximately 1.5 kB, so this gel confirmed our transformation had worked, allowing us to proceed to protein purification.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/a9/Sbs_igem_esteraseproteingelfinal.jpg><br><br />
<h6><center>This is the SDS-page gel that was run after purifying the esterase protein from bacteria. The band is at 43 kDa, which is the expected size of the esterase protein.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br></br><br />
<br />
<h6>Once we had isolated our protein we were able to do functional assays with the esterase enzyme. By using a cellulose-binding dye that selectively binds to cellulose and not cellulose acetate, we were able to test whether or not the esterase enzyme was effective in de-acetylating commercial grade cellulose acetate. We soaked the cellulose acetate in the esterase protein at its optimal temperature of 30ºC and tested with the stain at multiple points. The results of our assay (shown below) demonstrate that over time the protein was working to degrade the cellulose acetate, as the blue stain intensity increased over time. In the future, we can better characterize our esterase protein by doing assays with more replicates, longer time periods, and varying amounts of protein.<h6><br />
<br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/6/62/Sbs_igem_esteraseassayfinalfinal.jpg><br><br />
<h6><center>This image shows the results from our staining assay on cellulose acetate. The pieces of cellulose acetate were soaked in esterase enzyme for varying amounts of time before their level of degradation was tested using the blue cellulose-binding dye.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br></br><br />
<br />
<h6>We are currently working on functional assays of the cellulase gene, and have submitted it as a <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks">BioBrick </a><a href="http://parts.igem.org/Part:BBa_K1499501">(BBa_K1499501)</a>.<h6><br />
<br />
<br />
<br />
<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 4 ====== --><br />
<br />
<div class="row"><br />
<div id="references" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Links & References ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>References</h5><br />
<h6><br />
Suspendisse volutpat sem eu ornare tincidunt. Mauris pharetra sed justo vitae sodales. Nulla in sodales tortor, placerat tempor dui.<br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Have a link or reference? Put it here!</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Link, acknowledgement, or reference 2</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Additional links, acknowledgements, and references</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 5 ====== --><br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells5"><br />
</div><br />
</div><br />
<br />
<!-- ====== Additional Information ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Additional Information</h5><br />
<h6><br />
Try to avoid having any additional information here. We're trying to keep our site organized, clean, and compelling!<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 6 ====== --><br />
<br />
<div class="row"><br />
<div id="precontact" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="https://static.igem.org/mediawiki/2014/8/86/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/stylesheet
Team:StanfordBrownSpelman/stylesheet
2014-10-16T21:36:20Z
<p>Angelofspeed: </p>
<hr />
<div>/* ====== CSS Added ====== */<br />
<br />
::selection {<br />
background: #cccccc; /* WebKit/Blink Browsers */<br />
}<br />
::-moz-selection {<br />
background: #cccccc; /* Gecko Browsers */<br />
}<br />
<br />
/*<br />
#roof, #bottom, #left, #right {<br />
position: fixed;<br />
}<br />
#left, #right {<br />
z-index: 3000;<br />
top: 0; bottom: 0;<br />
width: 10px;<br />
}<br />
#left { left: 0; background: #000000 }<br />
#right { right: 0; background: #000000 }<br />
<br />
#roof, #bottom {<br />
z-index: 3000;<br />
left: 0; right: 0;<br />
height: 10px;<br />
}<br />
#roof { top: 0; background: #000000 }<br />
#bottom { bottom: 0; background: #000000 }<br />
*/<br />
<br />
<br />
.circle {<br />
box-shadow: inset 0px 0px 60px #ffffff;<br />
<br />
background-color: #f9f4f2;<br />
z-index: -100;<br />
border-radius: 50%;<br />
width: 480px;<br />
height: 480px;<br />
position: relative;<br />
left: 50%;<br />
top: 50%;<br />
<br />
/*<br />
* Where the magic happens<br />
* Centering method from CSS Tricks<br />
* http://css-tricks.com/centering-percentage-widthheight-elements/<br />
*/<br />
transform: translate(-50%, -50%);<br />
-webkit-transform: translate(-50%, -50%);<br />
-o-transform: translate(-50%, -50%);<br />
-ms-transform: translate(-50%, -50%);<br />
}<br />
<br />
.title {<br />
width:100%;<br />
text-align:center;<br />
margin:auto;<br />
position:absolute;<br />
top:18px;<br />
z-index:2000;<br />
}<br />
.wiki {<br />
position:fixed;<br />
top:18px;<br />
right:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.projects {<br />
position:fixed;<br />
top:18px;<br />
left:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.team {<br />
position:fixed;<br />
bottom:10px;<br />
left:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.contact {<br />
position:fixed;<br />
bottom: 10px;<br />
right:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
<br />
/* FOR BIO D PAGE */<br />
/***************************/<br />
<br />
.fitAll {<br />
height: 200px;<br />
max-width:300px;<br />
margin-bottom: 20px;<br />
}<br />
<br />
.fitAll2 {<br />
height: 200px;<br />
max-width:300px;<br />
margin-bottom: 20px;<br />
margin-top: 1px;<br />
}<br />
<br />
.reduceSize {<br />
height: 250px;<br />
margin-right: 60px;<br />
margin-bottom: 20px;<br />
}<br />
/***************************/<br />
#iGEMimagelogomain img {<br />
width: 50px;<br />
}<br />
<br />
<br />
/* ====== SPLASH ====== */<br />
<br />
#globalWrapper {<br />
background-size: cover;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
}<br />
<br />
#landing {<br />
width: 100%;<br />
height: 700px;<br />
background-image: url("https://static.igem.org/mediawiki/2014/7/71/SBSiGEM_Drone_Map_1.png");<br />
background-size: cover;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
z-index: 6000;<br />
position: relative;<br />
overflow: hidden;<br />
text-align: center;<br />
}<br />
<br />
#title{<br />
font-size: 64pt;<br />
line-height: 70pt;<br />
color: black;<br />
font-family: 'Montserrat', Futura, Arial, sans-serif;<br />
text-shadow: 6px 6px 12px rgba(0,0,0, .25);<br />
opacity:0.95;<br />
}<br />
<br />
#name {<br />
position: absolute;<br />
left: 50%;<br />
top: 50%;<br />
<br />
/*<br />
* Where the magic happens<br />
* Centering method from CSS Tricks<br />
* http://css-tricks.com/centering-percentage-widthheight-elements/<br />
*/<br />
transform: translate(-50%, -50%);<br />
-webkit-transform: translate(-50%, -50%);<br />
-o-transform: translate(-50%, -50%);<br />
-ms-transform: translate(-50%, -50%);<br />
}<br />
<br />
<br />
/* ====== Remainder ====== */<br />
<br />
nav {<br />
position: fixed;<br />
left: 0;<br />
right: 0;<br />
top: 0;<br />
z-index: 10000;<br />
font-size: 12pt;<br />
<br />
height: 45px;<br />
}<br />
<br />
nav .links {<br />
float: left;<br />
padding: 10px;<br />
}<br />
nav .links:hover{<br />
opacity: .6;<br />
}<br />
<br />
nav .links:active{<br />
background-color: transparent;<br />
}<br />
<br />
#about{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#about img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 50px;<br />
}<br />
<br />
#about .sub{<br />
padding-left: 110px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
#bioBrick{<br />
margin-top: 10px;<br />
margin-bottom: 10px;<br />
}<br />
<br />
#bioBrick img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 25px;<br />
}<br />
<br />
#bioBrick .sub{<br />
padding-left: 85px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
#bioBrickFinal{<br />
margin-top: 10px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#bioBrickFinal img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 25px;<br />
}<br />
<br />
#bioBrickFinal .sub{<br />
padding-left: 85px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
.projecticon-bio-bricks{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
#work{<br />
margin-top: 30px;<br />
}<br />
<br />
#work img{<br />
width: 115px;<br />
height: 115px;<br />
position: absolute;<br />
left: 0px;<br />
top:-6px;<br />
}<br />
<br />
#work .sub2{<br />
left: 90px;<br />
padding-left: 140px;<br />
position: relative;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#work .sub3{<br />
left: 0px;<br />
padding-left: 140px;<br />
position: relative;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#thanks{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#connect{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#connect img{<br />
width: 70px;<br />
height: 70px;<br />
position: relative;<br />
left: 0px;<br />
top: 0px;<br />
}<br />
<br />
#mobile1{<br />
margin-top: 10px;<br />
margin-bottom: 8px;<br />
}<br />
<br />
#mobile2{<br />
margin-top: 20px;<br />
margin-bottom: 20px;<br />
}<br />
<br />
#mobile2 img{<br />
width: 40px;<br />
height: 40px;<br />
position: relative;<br />
left: 0px;<br />
top: 0px;<br />
}<br />
<br />
div#closing a.external <br />
{<br />
background:none !important;<br />
padding: 0px !important;<br />
}<br />
<br />
#closing h6{<br />
margin-top: 30px;<br />
margin-bottom: 0px;<br />
padding-bottom: 20px; <br />
font-size: 8pt; <br />
color: #cccccc;<br />
}<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
#teamNoodle {<br />
}<br />
<br />
.placeholder{<br />
width:100%;<br />
max-width:800px;<br />
height:20px;<br />
background-image: white);<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 20px;<br />
}<br />
<br />
.placeholder2{<br />
width:100%;<br />
max-width:800px;<br />
height:30px;<br />
background-image: white);<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 20px;<br />
}<br />
<br />
.cells{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_cells.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells2{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/6/6a/SBS_iGEM_2014_cells2.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells3{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/9/99/SBS_iGEM_2014_cells3.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells4{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/8/81/SBS_iGEM_2014_cells4.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells5{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/e/ee/SBS_iGEM_2014_cells5.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells6{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/8/81/SBS_iGEM_2014_cells6.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells7{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/e/e2/SBS_iGEM_2014_cells7.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells8{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/4/49/SBS_iGEM_2014_cells8.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
/* ====== CSS for Sub-Pages ====== */<br />
<br />
.projecticon-cellulose-acetate{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
display:block;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-cellulose-acetate img{<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto;<br />
width: 162px;<br />
height: 162px;<br />
float: top;<br />
}<br />
<br />
.projecticon-hell-cell{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-waterproofing{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-biodegradation{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-human-practices{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-drone{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/d/dd/SBS_iGEM_2014_drone_icon.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-meet-team{<br />
width:130%;<br />
max-width:800px;<br />
height:573.89px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/c/c8/FullTeamPic.jpg");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:800px;<br />
margin-top: 10px;<br />
margin-bottom: 10px;<br />
}<br />
<br />
#header{<br />
margin-top: 10px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#photo{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#subheader{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#subheader .sub4{<br />
padding-left: 130px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader .subindent{<br />
padding-left: 50px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader img{<br />
width: 70px;<br />
height: 70px;<br />
top: -2px;<br />
position: absolute;<br />
left: 50px;<br />
}<br />
<br />
#subheader .sub5{<br />
padding-left: 55px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader .sub6{<br />
padding-left: 55px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
font-family:'Inconsolata', Helvetica, Arial, sans-serif;<br />
font-size: 13px;<br />
line-height: 8px;<br />
}<br />
<br />
#images{<br />
}<br />
<br />
#results{<br />
}<br />
<br />
#process{<br />
}<br />
<br />
#references{<br />
}<br />
<br />
<br />
/* ====== CSS Added Over ====== */<br />
<br />
<br />
<br />
<br />
<br />
<br />
meta.foundation-version {<br />
font-family: "/5.3.1/"; }<br />
<br />
meta.foundation-mq-small {<br />
font-family: "/only screen/";<br />
width: 0em; }<br />
<br />
meta.foundation-mq-medium {<br />
font-family: "/only screen and (min-width:40.063em)/";<br />
width: 40.063em; }<br />
<br />
meta.foundation-mq-large {<br />
font-family: "/only screen and (min-width:64.063em)/";<br />
width: 64.063em; }<br />
<br />
meta.foundation-mq-xlarge {<br />
font-family: "/only screen and (min-width:90.063em)/";<br />
width: 90.063em; }<br />
<br />
meta.foundation-mq-xxlarge {<br />
font-family: "/only screen and (min-width:120.063em)/";<br />
width: 120.063em; }<br />
<br />
meta.foundation-data-attribute-namespace {<br />
font-family: false; }<br />
<br />
html, body {<br />
height: 100%;<br />
}<br />
<br />
*,<br />
*:before,<br />
*:after {<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box; }<br />
<br />
html,<br />
body {<br />
font-size: 100%; }<br />
<br />
body {<br />
background: #ffffff;<br />
color: #00000;<br />
padding: 0;<br />
margin: 0;<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
line-height: 1;<br />
position: relative;<br />
/* cursor: url('../images/drone_cursor.png'), default; */<br />
cursor: default; }<br />
<br />
img {<br />
max-width: 100%;<br />
height: auto;<br />
margin-bottom: 4px; }<br />
<br />
/* IMAGE BOTTOM MARGIN MAY CAUSE PROBLEMS */<br />
<br />
img {<br />
-ms-interpolation-mode: bicubic; }<br />
<br />
#map_canvas img,<br />
#map_canvas embed,<br />
#map_canvas object,<br />
.map_canvas img,<br />
.map_canvas embed,<br />
.map_canvas object {<br />
max-width: none !important; }<br />
<br />
.left {<br />
float: left !important; }<br />
<br />
.right {<br />
float: right !important; }<br />
<br />
.clearfix:before, .clearfix:after {<br />
content: " ";<br />
display: table; }<br />
.clearfix:after {<br />
clear: both; }<br />
<br />
.hide {<br />
display: none; }<br />
<br />
.antialiased {<br />
-webkit-font-smoothing: antialiased;<br />
-moz-osx-font-smoothing: grayscale; }<br />
<br />
img {<br />
display: inline-block;<br />
vertical-align: middle; }<br />
<br />
textarea {<br />
height: auto;<br />
min-height: 50px; }<br />
<br />
select {<br />
width: 100%; }<br />
<br />
.introText {<br />
text-indent: 50px;<br />
} <br />
<br />
.row {<br />
width: 100%;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
max-width: 62.5em; }<br />
.row:before, .row:after {<br />
content: " ";<br />
display: table; }<br />
.row:after {<br />
clear: both; }<br />
.row.collapse > .column,<br />
.row.collapse > .columns {<br />
padding-left: 0;<br />
padding-right: 0; }<br />
.row.collapse .row {<br />
margin-left: 0;<br />
margin-right: 0; }<br />
.row .row {<br />
width: auto;<br />
margin-left: -0.9375em;<br />
margin-right: -0.9375em;<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
max-width: none; }<br />
.row .row:before, .row .row:after {<br />
content: " ";<br />
display: table; }<br />
.row .row:after {<br />
clear: both; }<br />
.row .row.collapse {<br />
width: auto;<br />
margin: 0;<br />
max-width: none; }<br />
.row .row.collapse:before, .row .row.collapse:after {<br />
content: " ";<br />
display: table; }<br />
.row .row.collapse:after {<br />
clear: both; }<br />
<br />
.column,<br />
.columns {<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
width: 100%;<br />
float: left; }<br />
<br />
[class*="column"] + [class*="column"]:last-child {<br />
float: right; }<br />
<br />
[class*="column"] + [class*="column"].end {<br />
float: left; }<br />
<br />
@media only screen {<br />
.small-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.small-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.small-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.small-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.small-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.small-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.small-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.small-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.small-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.small-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.small-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.small-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.small-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.small-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.small-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.small-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.small-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.small-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.small-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.small-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.small-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.small-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.small-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.small-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.small-1 {<br />
width: 8.33333%; }<br />
<br />
.small-2 {<br />
width: 16.66667%; }<br />
<br />
.small-3 {<br />
width: 25%; }<br />
<br />
.small-4 {<br />
width: 33.33333%; }<br />
<br />
.small-5 {<br />
width: 41.66667%; }<br />
<br />
.small-6 {<br />
width: 50%; }<br />
<br />
.small-7 {<br />
width: 58.33333%; }<br />
<br />
.small-8 {<br />
width: 66.66667%; }<br />
<br />
.small-9 {<br />
width: 75%; }<br />
<br />
.small-10 {<br />
width: 83.33333%; }<br />
<br />
.small-11 {<br />
width: 88%; }<br />
<br />
.small-12 {<br />
width: 100%; }<br />
<br />
.small-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.small-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.small-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.small-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.small-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.small-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.small-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.small-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.small-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.small-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.small-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.small-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.small-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.small-centered,<br />
.columns.small-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.small-uncentered,<br />
.columns.small-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.small-centered:last-child,<br />
.columns.small-centered:last-child {<br />
float: none; }<br />
<br />
.column.small-uncentered:last-child,<br />
.columns.small-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.small-uncentered.opposite,<br />
.columns.small-uncentered.opposite {<br />
float: right; } }<br />
@media only screen and (min-width: 40.063em) {<br />
.medium-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.medium-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.medium-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.medium-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.medium-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.medium-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.medium-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.medium-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.medium-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.medium-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.medium-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.medium-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.medium-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.medium-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.medium-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.medium-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.medium-1 {<br />
width: 8.33333%; }<br />
<br />
.medium-2 {<br />
width: 16.66667%; }<br />
<br />
.medium-3 {<br />
width: 25%; }<br />
<br />
.medium-4 {<br />
width: 33.33333%; }<br />
<br />
.medium-5 {<br />
width: 41.66667%; }<br />
<br />
.medium-6 {<br />
width: 50%; }<br />
<br />
.medium-7 {<br />
width: 58.33333%; }<br />
<br />
.medium-8 {<br />
width: 66.66667%; }<br />
<br />
.medium-9 {<br />
width: 75%; }<br />
<br />
.medium-10 {<br />
width: 83.33333%; }<br />
<br />
.medium-11 {<br />
width: 91.66667%; }<br />
<br />
.medium-12 {<br />
width: 100%; }<br />
<br />
.medium-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.medium-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.medium-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.medium-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.medium-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.medium-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.medium-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.medium-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.medium-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.medium-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.medium-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.medium-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.medium-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.medium-centered,<br />
.columns.medium-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.medium-uncentered,<br />
.columns.medium-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.medium-centered:last-child,<br />
.columns.medium-centered:last-child {<br />
float: none; }<br />
<br />
.column.medium-uncentered:last-child,<br />
.columns.medium-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.medium-uncentered.opposite,<br />
.columns.medium-uncentered.opposite {<br />
float: right; }<br />
<br />
.push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; } }<br />
@media only screen and (min-width: 64.063em) {<br />
.large-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.large-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.large-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.large-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.large-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.large-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.large-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.large-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.large-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.large-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.large-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.large-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.large-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.large-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.large-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.large-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.large-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.large-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.large-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.large-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.large-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.large-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.large-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.large-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.large-1 {<br />
width: 8.33333%; }<br />
<br />
.large-2 {<br />
width: 16.66667%; }<br />
<br />
.large-3 {<br />
width: 25%; }<br />
<br />
.large-4 {<br />
width: 33.33333%; }<br />
<br />
.large-5 {<br />
width: 41.66667%; }<br />
<br />
.large-6 {<br />
width: 50%; }<br />
<br />
.large-7 {<br />
width: 58.33333%; }<br />
<br />
.large-8 {<br />
width: 66.66667%; }<br />
<br />
.large-9 {<br />
width: 75%; }<br />
<br />
.large-10 {<br />
width: 83.33333%; }<br />
<br />
.large-11 {<br />
width: 91.66667%; }<br />
<br />
.large-12 {<br />
width: 100%; }<br />
<br />
.large-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.large-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.large-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.large-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.large-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.large-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.large-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.large-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.large-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.large-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.large-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.large-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.large-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.large-centered,<br />
.columns.large-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.large-uncentered,<br />
.columns.large-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.large-centered:last-child,<br />
.columns.large-centered:last-child {<br />
float: none; }<br />
<br />
.column.large-uncentered:last-child,<br />
.columns.large-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.large-uncentered.opposite,<br />
.columns.large-uncentered.opposite {<br />
float: right; }<br />
<br />
.push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; } }<br />
.text-left {<br />
text-align: left !important; }<br />
<br />
.text-right {<br />
text-align: right !important; }<br />
<br />
.text-center {<br />
text-align: center !important; }<br />
<br />
.text-justify {<br />
text-align: justify !important; }<br />
<br />
@media only screen and (max-width: 40em) {<br />
.small-only-text-left {<br />
text-align: left !important; }<br />
<br />
.small-only-text-right {<br />
text-align: right !important; }<br />
<br />
.small-only-text-center {<br />
text-align: center !important; }<br />
<br />
.small-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen {<br />
.small-text-left {<br />
text-align: left !important; }<br />
<br />
.small-text-right {<br />
text-align: right !important; }<br />
<br />
.small-text-center {<br />
text-align: center !important; }<br />
<br />
.small-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 40.063em) and (max-width: 64em) {<br />
.medium-only-text-left {<br />
text-align: left !important; }<br />
<br />
.medium-only-text-right {<br />
text-align: right !important; }<br />
<br />
.medium-only-text-center {<br />
text-align: center !important; }<br />
<br />
.medium-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 40.063em) {<br />
.medium-text-left {<br />
text-align: left !important; }<br />
<br />
.medium-text-right {<br />
text-align: right !important; }<br />
<br />
.medium-text-center {<br />
text-align: center !important; }<br />
<br />
.medium-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 64.063em) and (max-width: 90em) {<br />
.large-only-text-left {<br />
text-align: left !important; }<br />
<br />
.large-only-text-right {<br />
text-align: right !important; }<br />
<br />
.large-only-text-center {<br />
text-align: center !important; }<br />
<br />
.large-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 64.063em) {<br />
.large-text-left {<br />
text-align: left !important; }<br />
<br />
.large-text-right {<br />
text-align: right !important; }<br />
<br />
.large-text-center {<br />
text-align: center !important; }<br />
<br />
.large-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 90.063em) and (max-width: 120em) {<br />
.xlarge-only-text-left {<br />
text-align: left !important; }<br />
<br />
.xlarge-only-text-right {<br />
text-align: right !important; }<br />
<br />
.xlarge-only-text-center {<br />
text-align: center !important; }<br />
<br />
.xlarge-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 90.063em) {<br />
.xlarge-text-left {<br />
text-align: left !important; }<br />
<br />
.xlarge-text-right {<br />
text-align: right !important; }<br />
<br />
.xlarge-text-center {<br />
text-align: center !important; }<br />
<br />
.xlarge-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {<br />
.xxlarge-only-text-left {<br />
text-align: left !important; }<br />
<br />
.xxlarge-only-text-right {<br />
text-align: right !important; }<br />
<br />
.xxlarge-only-text-center {<br />
text-align: center !important; }<br />
<br />
.xxlarge-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 120.063em) {<br />
.xxlarge-text-left {<br />
text-align: left !important; }<br />
<br />
.xxlarge-text-right {<br />
text-align: right !important; }<br />
<br />
.xxlarge-text-center {<br />
text-align: center !important; }<br />
<br />
.xxlarge-text-justify {<br />
text-align: justify !important; } }<br />
/* Typography resets */<br />
div,<br />
dl,<br />
dt,<br />
dd,<br />
ul,<br />
ol,<br />
li,<br />
h1,<br />
h2,<br />
h3,<br />
h4,<br />
h5,<br />
h6,<br />
h0,<br />
pre,<br />
form,<br />
p,<br />
blockquote,<br />
th,<br />
td {<br />
margin: 0;<br />
padding: 0; }<br />
<br />
/* Default Link Styles */<br />
a {<br />
color: #000000;<br />
text-decoration: none;<br />
line-height: inherit; }<br />
<br />
<br />
a.one:hover { color: #eaea13; }<br />
a.two:hover { color: #fbb03b; }<br />
a.three:hover { color: #dbef20; }<br />
a.four:hover { color: #a2d650; }<br />
a.five:hover { color: #4fcc36; }<br />
a.six:hover { color: #22b573; }<br />
a.seven:hover { color: #39b54a; }<br />
a.eight:hover { color: #00a99d; }<br />
a.nine:hover { color: #18d3a2; }<br />
a.ten:hover { color: #b2ae22; }<br />
<br />
<br />
a img {<br />
border: none; }<br />
<br />
/* Default paragraph styles */<br />
p {<br />
font-family: inherit;<br />
font-weight: normal;<br />
font-size: 1rem;<br />
line-height: 1.6;<br />
margin-bottom: 1.25rem;<br />
text-rendering: optimizeLegibility; }<br />
p.lead {<br />
font-size: 1.21875rem;<br />
line-height: 1.6; }<br />
p aside {<br />
font-size: 0.875rem;<br />
line-height: 1.35;<br />
font-style: italic; }<br />
<br />
/* Default header styles */<br />
h0, h1, h2, h3, h4, h5, h6 {<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
color: #000000;<br />
text-rendering: optimizeLegibility;<br />
margin-top: 0.2rem;<br />
margin-bottom: 0.5rem;<br />
line-height: 1.4; }<br />
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {<br />
font-size: 60%;<br />
color: #6f6f6f;<br />
line-height: 0; }<br />
<br />
h0 {<br />
font-size: .7rem;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: justify; }<br />
<br />
h1 {<br />
font-size: 2.125rem; }<br />
<br />
h2 {<br />
/* font-size: 1.6875rem; */<br />
font-size: 1.0rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
<br />
}<br />
<br />
h3 {<br />
font-size: 1.375rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h4 {<br />
font-size: 1.125rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h5 {<br />
font-size: 1.125rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 10px; }<br />
<br />
h6 {<br />
font-size: .8rem;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: justify; }<br />
<br />
.boxedmenu {<br />
border-bottom: 2px solid green;<br />
border-top: 2px solid green;<br />
margin-bottom: 25px;<br />
}<br />
<br />
.boxedimg {<br />
border-bottom: 2px solid #218282;<br />
border-top: 2px solid #218282;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
}<br />
<br />
h7 {<br />
/* font-size: 1.6875rem; */<br />
font-size: 1.3rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
.subheader {<br />
line-height: 1.4;<br />
color: #6f6f6f;<br />
font-weight: normal;<br />
margin-top: 0.2rem;<br />
margin-bottom: 0.5rem; }<br />
<br />
hr {<br />
border: solid #dddddd;<br />
border-width: 1px 0 0;<br />
clear: both;<br />
margin: 1.25rem 0 1.1875rem;<br />
height: 0; }<br />
<br />
/* Helpful Typography Defaults */<br />
em,<br />
i {<br />
font-style: italic;<br />
line-height: inherit; }<br />
<br />
strong,<br />
b {<br />
font-weight: bold;<br />
line-height: inherit; }<br />
<br />
small {<br />
font-size: 60%;<br />
line-height: inherit; }<br />
<br />
code {<br />
font-family: Consolas, "Liberation Mono", Courier, monospace;<br />
font-weight: bold;<br />
color: #910b0e; }<br />
<br />
/* Lists */<br />
ul,<br />
ol,<br />
dl {<br />
font-size: 1rem;<br />
line-height: 1.6;<br />
margin-bottom: 1.25rem;<br />
list-style-position: outside;<br />
font-family: inherit; }<br />
<br />
ul {<br />
margin-left: 1.1rem; }<br />
ul.no-bullet {<br />
margin-left: 0; }<br />
ul.no-bullet li ul,<br />
ul.no-bullet li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0;<br />
list-style: none; }<br />
<br />
/* Unordered Lists */<br />
ul li ul,<br />
ul li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0; }<br />
ul.square li ul, ul.circle li ul, ul.disc li ul {<br />
list-style: inherit; }<br />
ul.square {<br />
list-style-type: square;<br />
margin-left: 1.1rem; }<br />
ul.circle {<br />
list-style-type: circle;<br />
margin-left: 1.1rem; }<br />
ul.disc {<br />
list-style-type: disc;<br />
margin-left: 1.1rem; }<br />
ul.no-bullet {<br />
list-style: none; }<br />
<br />
/* Ordered Lists */<br />
ol {<br />
margin-left: 1.4rem; }<br />
ol li ul,<br />
ol li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0; }<br />
<br />
/* Definition Lists */<br />
dl dt {<br />
margin-bottom: 0.3rem;<br />
font-weight: bold; }<br />
dl dd {<br />
margin-bottom: 0.75rem; }<br />
<br />
/* Abbreviations */<br />
abbr,<br />
acronym {<br />
text-transform: uppercase;<br />
font-size: 90%;<br />
color: #000000;<br />
border-bottom: 1px dotted #dddddd;<br />
cursor: help; }<br />
<br />
abbr {<br />
text-transform: none; }<br />
<br />
/* Blockquotes */<br />
blockquote {<br />
margin: 0 0 1.25rem;<br />
padding: 0.5625rem 1.25rem 0 1.1875rem;<br />
border-left: 1px solid #dddddd; }<br />
blockquote cite {<br />
display: block;<br />
font-size: 0.8125rem;<br />
color: #555555; }<br />
blockquote cite:before {<br />
content: "\2014 \0020"; }<br />
blockquote cite a,<br />
blockquote cite a:visited {<br />
color: #555555; }<br />
<br />
blockquote,<br />
blockquote p {<br />
line-height: 1.6;<br />
color: #6f6f6f; }<br />
<br />
/* Microformats */<br />
.vcard {<br />
display: inline-block;<br />
margin: 0 0 1.25rem 0;<br />
border: 1px solid #dddddd;<br />
padding: 0.625rem 0.75rem; }<br />
.vcard li {<br />
margin: 0;<br />
display: block; }<br />
.vcard .fn {<br />
font-weight: bold;<br />
font-size: 0.9375rem; }<br />
<br />
.vevent .summary {<br />
font-weight: bold; }<br />
.vevent abbr {<br />
cursor: default;<br />
text-decoration: none;<br />
font-weight: bold;<br />
border: none;<br />
padding: 0 0.0625rem; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
h0, h1, h2, h3, h4, h5, h6 {<br />
line-height: 1.4; }<br />
<br />
h0 {<br />
font-size: .7rem;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: left; }<br />
<br />
h1 {<br />
font-size: 2.75rem; }<br />
<br />
h2 {<br />
/* font-size: 2.3125rem; */<br />
font-size: 1.3rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
h3 {<br />
font-size: 1.6875rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h4 {<br />
font-size: 1.4375rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h5 {<br />
font-size: 1.4375rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 10px; }<br />
<br />
h6 {<br />
font-size: 1rem;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: left; <br />
} <br />
<br />
h7 {<br />
/* font-size: 2.3125rem; */<br />
font-size: 1.0rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
}<br />
<br />
/* ====== CSS Added ======<br />
<br />
img{<br />
width: 80px;<br />
height: 80px;<br />
position: absolute;<br />
left: 0px;<br />
top:-6px;<br />
}<br />
<br />
====== CSS Added End ====== */<br />
<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
/*<br />
* Print styles.<br />
*<br />
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/<br />
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)<br />
*/<br />
.print-only {<br />
display: none !important; }<br />
<br />
@media print {<br />
* {<br />
background: transparent !important;<br />
color: black !important;<br />
/* Black prints faster: h5bp.com/s */<br />
box-shadow: none !important;<br />
text-shadow: none !important; }<br />
<br />
a,<br />
a:visited {<br />
text-decoration: underline; }<br />
<br />
a[href]:after {<br />
content: " (" attr(href) ")"; }<br />
<br />
abbr[title]:after {<br />
content: " (" attr(title) ")"; }<br />
<br />
.ir a:after,<br />
a[href^="javascript:"]:after,<br />
a[href^="#"]:after {<br />
content: ""; }<br />
<br />
pre,<br />
blockquote {<br />
border: 1px solid #999999;<br />
page-break-inside: avoid; }<br />
<br />
thead {<br />
display: table-header-group;<br />
/* h5bp.com/t */ }<br />
<br />
tr,<br />
img {<br />
page-break-inside: avoid; }<br />
<br />
img {<br />
max-width: 100% !important; }<br />
<br />
@page {<br />
margin: 0.5cm; }<br />
<br />
p,<br />
h2,<br />
h3 {<br />
orphans: 3;<br />
widows: 3; }<br />
<br />
h2,<br />
h3 {<br />
page-break-after: avoid; }<br />
<br />
.hide-on-print {<br />
display: none !important; }<br />
<br />
.print-only {<br />
display: block !important; }<br />
<br />
.hide-for-print {<br />
display: none !important; }<br />
<br />
.show-for-print {<br />
display: inherit !important; } }<br />
.reveal-modal-bg {<br />
position: fixed;<br />
height: 100%;<br />
width: 100%;<br />
background: black;<br />
background: rgba(0, 0, 0, 0.45);<br />
z-index: 99;<br />
display: none;<br />
top: 0;<br />
left: 0; }<br />
<br />
dialog, .reveal-modal {<br />
visibility: hidden;<br />
display: none;<br />
position: absolute;<br />
z-index: 100;<br />
width: 100vw;<br />
top: 0;<br />
left: 0;<br />
background-color: white;<br />
padding: 1.25rem;<br />
border: solid 1px #666666;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }<br />
@media only screen and (max-width: 40em) {<br />
dialog, .reveal-modal {<br />
min-height: 100vh; } }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
left: 50%; } }<br />
dialog .column,<br />
dialog .columns, .reveal-modal .column,<br />
.reveal-modal .columns {<br />
min-width: 0; }<br />
dialog > :first-child, .reveal-modal > :first-child {<br />
margin-top: 0; }<br />
dialog > :last-child, .reveal-modal > :last-child {<br />
margin-bottom: 0; }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
margin-left: -40%;<br />
width: 80%; } }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
top: 6.25rem; } }<br />
dialog .close-reveal-modal, .reveal-modal .close-reveal-modal {<br />
font-size: 2.5rem;<br />
line-height: 1;<br />
position: absolute;<br />
top: 0.5rem;<br />
right: 0.6875rem;<br />
color: #aaaaaa;<br />
font-weight: bold;<br />
cursor: pointer; }<br />
<br />
dialog[open] {<br />
display: block;<br />
visibility: visible; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
padding: 1.875rem; }<br />
dialog.radius, .reveal-modal.radius {<br />
border-radius: 3px; }<br />
dialog.round, .reveal-modal.round {<br />
border-radius: 1000px; }<br />
dialog.collapse, .reveal-modal.collapse {<br />
padding: 0; }<br />
dialog.full, .reveal-modal.full {<br />
top: 0;<br />
left: 0;<br />
height: 100vh;<br />
min-height: 100vh;<br />
margin-left: 0 !important; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.tiny, .reveal-modal.tiny {<br />
margin-left: -15%;<br />
width: 30%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.small, .reveal-modal.small {<br />
margin-left: -20%;<br />
width: 40%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.medium, .reveal-modal.medium {<br />
margin-left: -30%;<br />
width: 60%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.large, .reveal-modal.large {<br />
margin-left: -35%;<br />
width: 70%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.xlarge, .reveal-modal.xlarge {<br />
margin-left: -47.5%;<br />
width: 95%; } }<br />
<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.full, .reveal-modal.full {<br />
margin-left: -50vw;<br />
width: 100vw; } }<br />
<br />
@media print {<br />
dialog, .reveal-modal {<br />
background: white !important; } }<br />
button, .button {<br />
border-style: solid;<br />
border-width: 0px;<br />
cursor: pointer;<br />
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: normal;<br />
line-height: normal;<br />
margin: 0 0 1.25rem;<br />
position: relative;<br />
text-decoration: none;<br />
text-align: center;<br />
-webkit-appearance: none;<br />
-webkit-border-radius: 0;<br />
display: inline-block;<br />
padding-top: 1rem;<br />
padding-right: 2rem;<br />
padding-bottom: 1.0625rem;<br />
padding-left: 2rem;<br />
font-size: 1rem;<br />
background-color: #2ba6cb;<br />
border-color: #2285a2;<br />
color: white;<br />
transition: background-color 300ms ease-out; }<br />
button:hover, button:focus, .button:hover, .button:focus {<br />
background-color: #2285a2; }<br />
button:hover, button:focus, .button:hover, .button:focus {<br />
color: white; }<br />
button.secondary, .button.secondary {<br />
background-color: #e9e9e9;<br />
border-color: #2285a2;<br />
color: #333333; }<br />
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {<br />
background-color: #2285a2; }<br />
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {<br />
color: #333333; }<br />
button.success, .button.success {<br />
background-color: #5da423;<br />
border-color: #2285a2;<br />
color: white; }<br />
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {<br />
background-color: #2285a2; }<br />
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {<br />
color: white; }<br />
button.alert, .button.alert {<br />
background-color: #c60f13;<br />
border-color: #2285a2;<br />
color: white; }<br />
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {<br />
background-color: #2285a2; }<br />
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {<br />
color: white; }<br />
button.large, .button.large {<br />
padding-top: 1.125rem;<br />
padding-right: 2.25rem;<br />
padding-bottom: 1.1875rem;<br />
padding-left: 2.25rem;<br />
font-size: 1.25rem; }<br />
button.small, .button.small {<br />
padding-top: 0.875rem;<br />
padding-right: 1.75rem;<br />
padding-bottom: 0.9375rem;<br />
padding-left: 1.75rem;<br />
font-size: 0.8125rem; }<br />
button.tiny, .button.tiny {<br />
padding-top: 0.625rem;<br />
padding-right: 1.25rem;<br />
padding-bottom: 0.6875rem;<br />
padding-left: 1.25rem;<br />
font-size: 0.6875rem; }<br />
button.expand, .button.expand {<br />
padding-right: 0;<br />
padding-left: 0;<br />
width: 100%; }<br />
button.left-align, .button.left-align {<br />
text-align: left;<br />
text-indent: 0.75rem; }<br />
button.right-align, .button.right-align {<br />
text-align: right;<br />
padding-right: 0.75rem; }<br />
button.radius, .button.radius {<br />
border-radius: 3px; }<br />
button.round, .button.round {<br />
border-radius: 1000px; }<br />
button.disabled, button[disabled], .button.disabled, .button[disabled] {<br />
background-color: #2ba6cb;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
background-color: #2285a2; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
color: white; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
background-color: #2ba6cb; }<br />
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {<br />
background-color: #e9e9e9;<br />
border-color: #2285a2;<br />
color: #333333;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
background-color: #2285a2; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
color: #333333; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
background-color: #e9e9e9; }<br />
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {<br />
background-color: #5da423;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
background-color: #2285a2; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
color: white; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
background-color: #5da423; }<br />
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {<br />
background-color: #c60f13;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
background-color: #2285a2; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
color: white; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
background-color: #c60f13; }<br />
<br />
button::-moz-focus-inner {<br />
border: 0;<br />
padding: 0; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
button, .button {<br />
display: inline-block; } }<br />
<br />
/* ====== Remove MediaWiki Look ====== */<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
<br />
/* Redesigning the topmenu */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;<br />
z-index: 1000;}<br />
#menubar {<br />
color: #000000;<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
line-height: 1;<br />
top: 9px;<br />
z-index: 2000;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: #cccccc;}<br />
#menubar:hover li a {<br />
color: #cccccc;}<br />
.left-menu .noprint ul li .new a {<br />
text-decoration: none;<br />
}<br />
a:hover, a:visited, a:link, a:active<br />
{<br />
text-decoration: none;<br />
}<br />
a:visited {<br />
color: black;<br />
}</div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability
Team:StanfordBrownSpelman/Biodegradability
2014-10-16T21:35:49Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014 — Amberless Hell Cell</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/7/71/SBS_iGEM_2014_Biodegradation.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h3><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability">Biodegradability</a></h3><br />
<div class="boxedmenu"><h7><center><a href="#" id="intro">Introduction</a> ● <a href="#" id="methods">Methods</a> ● <a href="#" id="data">Results</a> ● <a href="#" id="links">References</a> ● <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks#B">BioBricks</a></h7></div><br />
<h6 id="int"><br />
<center><iframe width="420" height="315" src="//www.youtube.com/embed/PgdF8xIAh8c" frameborder="0" allowfullscreen></iframe><br><br></center><br />
Creating a biodegradable drone will reduce collateral waste, lightening the footprint of unmanned science missions on planetary environments and microecosystems. Since we are using BCOAc for the construction of our drone, we plan on transforming E. coli with two genes obtained from Niesseria sicca, which synthesizes enzymes capable of degrading BCOAc; the first gene is an esterase which deacetylates the BCOAc, and the second is endo-1,4-beta-glucanase, a cellulase which speeds BC degradation. In order to trigger the onset and spread of degradation, we are investigating pressure-sensitive promoters (to simulate impact) and time-sensitive promoters linked to bacterial quorum sensing machinery. Quorum sensing allows the signal for degradation to spread to surrounding cells, enabling the complete breakdown of our biomaterials from a single point of impact.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="process" class="small-3 small-centered columns cells4"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Methods ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Approach & Methods</h5><br />
<h6>Methods here.</h6> </div></div><br />
<div class="small-7 small-centered columns"><br><center><img src="https://static.igem.org/mediawiki/2014/6/6e/SBS_iGEM_2014_photo_placeholder.png"><br><br />
<h6><center><b>Figure 1.</b> Figure caption here.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<h6>More methods here. <br />
<br />
<div class="sub4"><a href="work/PUT-PDF-REFERENCE-HEREpdf" target="_blank"><img src="https://static.igem.org/mediawiki/2014/2/25/SBS_iGEM_2014_download.png"></a><a href="work/PUT-PDF-REFERENCE-HEREpdf">Click here to go to our project journal, which details our design and engineering process and included descriptions of the protocols we developed and used.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Cell Spacer 2 ====== --><br />
<br />
<div class="row"><br />
<div id="results" class="small-3 small-centered columns cells8"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Results ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Results</h5><br />
<h6><br />
Our goal for this project was not only to isolate biodegradation enzymes but also to control the release of these enzymes, so that our UAV would not degrade uncontrollably. In order to control the initiation of biodegradation, we first considered using a pressure sensor. This would allow the UAV to begin degrading after the impact of a crash. The 2008 Tokyo Tech iGem team found that the ptet promoter was pressure sensitive and increased its activity 3-fold after undergoing 30 MPa of pressure. We got their construct from the distribution kit and tested its functionality by monitoring GFP expression. We found that this promoter is always turned on even at very low pressures (The cells were bright green even with no pressure at all). When we introduced a repressor for the Ptet promoter, we found out that the repressor is too strong, and even at high pressures, the Ptet promoter will still be repressed. The photo and graphs below show our testing of the Ptet promoter in the presence and absence of the Tet repressor. </h6><br><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/a5/Ptet_promoter_testing.png><br><br />
<h6><center>This graph shows that there was not a clear correlation between the amount of pressure applied on the ptet promoter to the amount of GFP expression: For instance, application of 14000rpm pressure on cells with ptet promoter for 30 seconds led to production of less fluorescence than application of 5000rpm pressure to the same batch of cells.When Tet Repressor was used, its effect was too strong and we could not find a repressor that could inhibit ptet just enough to control the biodegradation process</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6><br />
On top of testing the ptet promoter, we analyzed the impact a crash would have on our UAV by using a force plate ,and we found it unlikely that the impact of the crash would ever reach as high a pressure as 30 MPa, based on projections from the data we collected. (see graph below). <br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/ac/Sbs_igem_forceplategraph.png><br><br />
<h6><center>We measured the pressure upon impact of an object similar in shape and weight to our UAV. We took measurements by dropping or throwing the object from various heights and angles. Based on our data, it is projected that even from a drop height of 10m, the pressure upon impact would not even be 1 MPa, making it unlikely that any crash would ever cause 30 MPa of pressure.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br></br><br />
<br />
<h6>We next tried to initiate degradation using a light sensor, which would activate degradation in the darkness, allowing our UAV to have a flight time of one day. We planned to do this using the construct from the UT Austin and UCSF 2004 Coliroid project. However, the strain of E. coli (EnvZ) that we needed to work with to use this construct was resistant to all 4 of the main antibiotics we had in our lab, making the bacteria difficult and expensive to work with.<h6><br />
<br />
<br></br><br />
<br />
<h6>Finally, we decided to use quorum sensing as a means of creating a time delay for initiation of degradation. Two previous constructs, BBa_I13202 and BBa_T9002, when combined, create a quorum sensing cascade used to initiate expression of GFP. We ligated these two parts together to create our novel part, BBa_K1499500, which we used for our assays. We found that, in lac deficient cells, the quorum sensing construct can be initiated by induction with IPTG. After this induction, GFP expression increases with time, implying that the construct is doing its job. Our data for this assay is shown below. <br />
</div></div></h6><br />
<br />
<br></br><br />
<div class="row"><br />
<h5><center>Quorum Sensing Data</h5> <br></br><br />
<img class="fitAll" src="https://static.igem.org/mediawiki/2014/f/fc/NEGATIVE_CONTROL_TABLE.png"><br />
<img class="fitAll" src="https://static.igem.org/mediawiki/2014/3/3f/IPTG-NEGATIVE_TABLE.png"><br />
<img class="fitAll" src="https://static.igem.org/mediawiki/2014/b/b1/IPTG-POSITIVE_TABLE.png"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/1/1d/NEGATIVE_CONTROL_GRAPH.JPG"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/1/18/GFP_IPTG_NEGATIVE.JPG"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/4/43/GFP_IPTG_POSITIVE.JPG"><br />
<h6><center><b>Figure 1. Flow-Cytometer Data & Graphs: </b></h6><h0 class="introText"> The three graphs and tables above represent the flow-cytometer data obtained from three samples of lac-deficient E. coli cells. One of the samples was a negative control of LB-cultured E. coli cells (Negative Control), and the other two samples (IPTG-Positive and IPTG-Negative) had the GFP-quorum sensing construct. The IPTG-Positive sample had a ~6X increase in GFP expression over the background IPTG-Negative cells, showing our construct worked correctly.</center></h0><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6 class="introText"><br />
Flow-cytometry is a laser-based technology that has a wide-range of uses, including multiparametric cell counting and cell sorting. In this study, we utilized the cell counting ability of a flow cytometer in order to determine how many of our cells were expressing GFP after being induced with IPTG (a lac analog). The “X-Median” seen on the three tables above shows the fluorescence intensity of all of the cells that were counted that were not considered dead (Median). <br />
Each sample measured 50,000 cells (Seen under All Events - Count), and then counted all of the cells that were alive (Median - Count), where each sample had between 47,000 and 49,000 live cells. From the data, and as illustrated in the graphs above, we can gather that the fluorescence intensity (X-Median) of the LB only cells was approximately 63 arbitrary fluorescence units (AFU), the IPTG-negative cells was ~17,000 AFU, and the intensity of the IPTG-positive cells was ~107,000 AFU, meaning that the IPTG-positive quorum sensing cells increased fluorescence intensity over 6X the background intensity (IPTG-negative cells).<br />
These results indicate that our quorum sensing construct works and greatly increases GFP expression when activated through IPTG-induction. The IPTG-negative cells also expressed some non-negligible degree of GFP, which suggests that the construct could still be improved further. However, the successful proof of concept of our quorum sensing construct is incredibly promising and allows us to proceed toward the next step.<br />
<br />
<br></br><br />
<br />
Since we know that the quorum sensing construct is functional and inducible with IPTG. We can now work towards replacing the GFP gene with the genes for our degradation enzymes, allowing us to control degradation by applying IPTG at different time points.<br />
<br />
<br></br><br />
<br />
In conjunction with working on controlling the initiation of degradation, we simultaneously worked with two degradation enzymes, esterase and cellulase. Both of these genes are isolated from the organism Neisseria sicca; the esterase is designed to de-acetylate cellulose acetate (our building material), and the cellulase breaks down the leftover cellulose into glucose monomers. <br />
<br />
After successfully transforming the esterase gene into E. coli, and confirming via colony PCR, we grew up a large culture of transformed cells and used this to extract and purify the esterase protein.<br />
<br />
<br></br><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/3/30/Sbs_igem_esterasepcrfinal.jpg><br><br />
<h6><center>This is an image of a gel electrophoresis done after running colony PCR with E. coli colonies transformed with our esterase gene. The esterase gene is approximately 1.5 kB, so this gel confirmed our transformation had worked, allowing us to proceed to protein purification.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/a9/Sbs_igem_esteraseproteingelfinal.jpg><br><br />
<h6><center>This is the SDS-page gel that was run after purifying the esterase protein from bacteria. The band is at 43 kDa, which is the expected size of the esterase protein.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br></br><br />
<br />
<h6>Once we had isolated our protein we were able to do functional assays with the esterase enzyme. By using a cellulose-binding dye that selectively binds to cellulose and not cellulose acetate, we were able to test whether or not the esterase enzyme was effective in de-acetylating commercial grade cellulose acetate. We soaked the cellulose acetate in the esterase protein at its optimal temperature of 30ºC and tested with the stain at multiple points. The results of our assay (shown below) demonstrate that over time the protein was working to degrade the cellulose acetate, as the blue stain intensity increased over time. In the future, we can better characterize our esterase protein by doing assays with more replicates, longer time periods, and varying amounts of protein.<h6><br />
<br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/6/62/Sbs_igem_esteraseassayfinalfinal.jpg><br><br />
<h6><center>This image shows the results from our staining assay on cellulose acetate. The pieces of cellulose acetate were soaked in esterase enzyme for varying amounts of time before their level of degradation was tested using the blue cellulose-binding dye.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br></br><br />
<br />
<h6>We are currently working on functional assays of the cellulase gene, and have submitted it as a <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks">BioBrick </a><a href="http://parts.igem.org/Part:BBa_K1499501">(BBa_K1499501)</a>.<h6><br />
<br />
<br />
<br />
<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 4 ====== --><br />
<br />
<div class="row"><br />
<div id="references" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Links & References ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>References</h5><br />
<h6><br />
Suspendisse volutpat sem eu ornare tincidunt. Mauris pharetra sed justo vitae sodales. Nulla in sodales tortor, placerat tempor dui.<br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Have a link or reference? Put it here!</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Link, acknowledgement, or reference 2</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Additional links, acknowledgements, and references</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 5 ====== --><br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells5"><br />
</div><br />
</div><br />
<br />
<!-- ====== Additional Information ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Additional Information</h5><br />
<h6><br />
Try to avoid having any additional information here. We're trying to keep our site organized, clean, and compelling!<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 6 ====== --><br />
<br />
<div class="row"><br />
<div id="precontact" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="https://static.igem.org/mediawiki/2014/8/86/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability
Team:StanfordBrownSpelman/Biodegradability
2014-10-16T21:35:07Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014 — Amberless Hell Cell</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/7/71/SBS_iGEM_2014_Biodegradation.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h3><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability">Biodegradability</a></h3><br />
<div class="boxedmenu"><h7><center><a href="#" id="intro">Introduction</a> ● <a href="#" id="methods">Methods</a> ● <a href="#" id="data">Results</a> ● <a href="#" id="links">References</a> ● <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks#B">BioBricks</a></h7></div><br />
<h6 id="int"><br />
<center><iframe width="420" height="315" src="//www.youtube.com/embed/PgdF8xIAh8c" frameborder="0" allowfullscreen></iframe><br><br></center><br />
Creating a biodegradable drone will reduce collateral waste, lightening the footprint of unmanned science missions on planetary environments and microecosystems. Since we are using BCOAc for the construction of our drone, we plan on transforming E. coli with two genes obtained from Niesseria sicca, which synthesizes enzymes capable of degrading BCOAc; the first gene is an esterase which deacetylates the BCOAc, and the second is endo-1,4-beta-glucanase, a cellulase which speeds BC degradation. In order to trigger the onset and spread of degradation, we are investigating pressure-sensitive promoters (to simulate impact) and time-sensitive promoters linked to bacterial quorum sensing machinery. Quorum sensing allows the signal for degradation to spread to surrounding cells, enabling the complete breakdown of our biomaterials from a single point of impact.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="process" class="small-3 small-centered columns cells4"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Methods ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Approach & Methods</h5><br />
<h6>Methods here.</h6> </div></div><br />
<div class="small-7 small-centered columns"><br><center><img src="https://static.igem.org/mediawiki/2014/6/6e/SBS_iGEM_2014_photo_placeholder.png"><br><br />
<h6><center><b>Figure 1.</b> Figure caption here.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<h6>More methods here. <br />
<br />
<div class="sub4"><a href="work/PUT-PDF-REFERENCE-HEREpdf" target="_blank"><img src="https://static.igem.org/mediawiki/2014/2/25/SBS_iGEM_2014_download.png"></a><a href="work/PUT-PDF-REFERENCE-HEREpdf">Click here to go to our project journal, which details our design and engineering process and included descriptions of the protocols we developed and used.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Cell Spacer 2 ====== --><br />
<br />
<div class="row"><br />
<div id="results" class="small-3 small-centered columns cells8"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Results ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Results</h5><br />
<h6><br />
Our goal for this project was not only to isolate biodegradation enzymes but also to control the release of these enzymes, so that our UAV would not degrade uncontrollably. In order to control the initiation of biodegradation, we first considered using a pressure sensor. This would allow the UAV to begin degrading after the impact of a crash. The 2008 Tokyo Tech iGem team found that the ptet promoter was pressure sensitive and increased its activity 3-fold after undergoing 30 MPa of pressure. We got their construct from the distribution kit and tested its functionality by monitoring GFP expression. We found that this promoter is always turned on even at very low pressures (The cells were bright green even with no pressure at all). When we introduced a repressor for the Ptet promoter, we found out that the repressor is too strong, and even at high pressures, the Ptet promoter will still be repressed. The photo and graphs below show our testing of the Ptet promoter in the presence and absence of the Tet repressor. </h6><br><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/a5/Ptet_promoter_testing.png><br><br />
<h6><center>This graph shows that there was not a clear correlation between the amount of pressure applied on the ptet promoter to the amount of GFP expression: For instance, application of 14000rpm pressure on cells with ptet promoter for 30 seconds led to production of less fluorescence than application of 5000rpm pressure to the same batch of cells.When Tet Repressor was used, its effect was too strong and we could not find a repressor that could inhibit ptet just enough to control the biodegradation process</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6><br />
On top of testing the ptet promoter, we analyzed the impact a crash would have on our UAV by using a force plate ,and we found it unlikely that the impact of the crash would ever reach as high a pressure as 30 MPa, based on projections from the data we collected. (see graph below). <br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/ac/Sbs_igem_forceplategraph.png><br><br />
<h6><center>We measured the pressure upon impact of an object similar in shape and weight to our UAV. We took measurements by dropping or throwing the object from various heights and angles. Based on our data, it is projected that even from a drop height of 10m, the pressure upon impact would not even be 1 MPa, making it unlikely that any crash would ever cause 30 MPa of pressure.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br></br><br />
<br />
<h6>We next tried to initiate degradation using a light sensor, which would activate degradation in the darkness, allowing our UAV to have a flight time of one day. We planned to do this using the construct from the UT Austin and UCSF 2004 Coliroid project. However, the strain of E. coli (EnvZ) that we needed to work with to use this construct was resistant to all 4 of the main antibiotics we had in our lab, making the bacteria difficult and expensive to work with.<h6><br />
<br />
<br></br><br />
<br />
<h6>Finally, we decided to use quorum sensing as a means of creating a time delay for initiation of degradation. Two previous constructs, BBa_I13202 and BBa_T9002, when combined, create a quorum sensing cascade used to initiate expression of GFP. We ligated these two parts together to create our novel part, BBa_K1499500, which we used for our assays. We found that, in lac deficient cells, the quorum sensing construct can be initiated by induction with IPTG. After this induction, GFP expression increases with time, implying that the construct is doing its job. Our data for this assay is shown below. <br />
</div></div></h6><br />
<br />
<br></br><br />
<div class="row"><br />
<h5><center>Quorum Sensing Data</h5> <br></br><br />
<img class="fitAll2" src="https://static.igem.org/mediawiki/2014/f/fc/NEGATIVE_CONTROL_TABLE.png"><br />
<img class="fitAll" src="https://static.igem.org/mediawiki/2014/3/3f/IPTG-NEGATIVE_TABLE.png"><br />
<img class="fitAll" src="https://static.igem.org/mediawiki/2014/b/b1/IPTG-POSITIVE_TABLE.png"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/1/1d/NEGATIVE_CONTROL_GRAPH.JPG"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/1/18/GFP_IPTG_NEGATIVE.JPG"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/4/43/GFP_IPTG_POSITIVE.JPG"><br />
<h6><center><b>Figure 1. Flow-Cytometer Data & Graphs: </b></h6><h0 class="introText"> The three graphs and tables above represent the flow-cytometer data obtained from three samples of lac-deficient E. coli cells. One of the samples was a negative control of LB-cultured E. coli cells (Negative Control), and the other two samples (IPTG-Positive and IPTG-Negative) had the GFP-quorum sensing construct. The IPTG-Positive sample had a ~6X increase in GFP expression over the background IPTG-Negative cells, showing our construct worked correctly.</center></h0><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6 class="introText"><br />
Flow-cytometry is a laser-based technology that has a wide-range of uses, including multiparametric cell counting and cell sorting. In this study, we utilized the cell counting ability of a flow cytometer in order to determine how many of our cells were expressing GFP after being induced with IPTG (a lac analog). The “X-Median” seen on the three tables above shows the fluorescence intensity of all of the cells that were counted that were not considered dead (Median). <br />
Each sample measured 50,000 cells (Seen under All Events - Count), and then counted all of the cells that were alive (Median - Count), where each sample had between 47,000 and 49,000 live cells. From the data, and as illustrated in the graphs above, we can gather that the fluorescence intensity (X-Median) of the LB only cells was approximately 63 arbitrary fluorescence units (AFU), the IPTG-negative cells was ~17,000 AFU, and the intensity of the IPTG-positive cells was ~107,000 AFU, meaning that the IPTG-positive quorum sensing cells increased fluorescence intensity over 6X the background intensity (IPTG-negative cells).<br />
These results indicate that our quorum sensing construct works and greatly increases GFP expression when activated through IPTG-induction. The IPTG-negative cells also expressed some non-negligible degree of GFP, which suggests that the construct could still be improved further. However, the successful proof of concept of our quorum sensing construct is incredibly promising and allows us to proceed toward the next step.<br />
<br />
<br></br><br />
<br />
Since we know that the quorum sensing construct is functional and inducible with IPTG. We can now work towards replacing the GFP gene with the genes for our degradation enzymes, allowing us to control degradation by applying IPTG at different time points.<br />
<br />
<br></br><br />
<br />
In conjunction with working on controlling the initiation of degradation, we simultaneously worked with two degradation enzymes, esterase and cellulase. Both of these genes are isolated from the organism Neisseria sicca; the esterase is designed to de-acetylate cellulose acetate (our building material), and the cellulase breaks down the leftover cellulose into glucose monomers. <br />
<br />
After successfully transforming the esterase gene into E. coli, and confirming via colony PCR, we grew up a large culture of transformed cells and used this to extract and purify the esterase protein.<br />
<br />
<br></br><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/3/30/Sbs_igem_esterasepcrfinal.jpg><br><br />
<h6><center>This is an image of a gel electrophoresis done after running colony PCR with E. coli colonies transformed with our esterase gene. The esterase gene is approximately 1.5 kB, so this gel confirmed our transformation had worked, allowing us to proceed to protein purification.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/a9/Sbs_igem_esteraseproteingelfinal.jpg><br><br />
<h6><center>This is the SDS-page gel that was run after purifying the esterase protein from bacteria. The band is at 43 kDa, which is the expected size of the esterase protein.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br></br><br />
<br />
<h6>Once we had isolated our protein we were able to do functional assays with the esterase enzyme. By using a cellulose-binding dye that selectively binds to cellulose and not cellulose acetate, we were able to test whether or not the esterase enzyme was effective in de-acetylating commercial grade cellulose acetate. We soaked the cellulose acetate in the esterase protein at its optimal temperature of 30ºC and tested with the stain at multiple points. The results of our assay (shown below) demonstrate that over time the protein was working to degrade the cellulose acetate, as the blue stain intensity increased over time. In the future, we can better characterize our esterase protein by doing assays with more replicates, longer time periods, and varying amounts of protein.<h6><br />
<br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/6/62/Sbs_igem_esteraseassayfinalfinal.jpg><br><br />
<h6><center>This image shows the results from our staining assay on cellulose acetate. The pieces of cellulose acetate were soaked in esterase enzyme for varying amounts of time before their level of degradation was tested using the blue cellulose-binding dye.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br></br><br />
<br />
<h6>We are currently working on functional assays of the cellulase gene, and have submitted it as a <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks">BioBrick </a><a href="http://parts.igem.org/Part:BBa_K1499501">(BBa_K1499501)</a>.<h6><br />
<br />
<br />
<br />
<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 4 ====== --><br />
<br />
<div class="row"><br />
<div id="references" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Links & References ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>References</h5><br />
<h6><br />
Suspendisse volutpat sem eu ornare tincidunt. Mauris pharetra sed justo vitae sodales. Nulla in sodales tortor, placerat tempor dui.<br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Have a link or reference? Put it here!</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Link, acknowledgement, or reference 2</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Additional links, acknowledgements, and references</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 5 ====== --><br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells5"><br />
</div><br />
</div><br />
<br />
<!-- ====== Additional Information ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Additional Information</h5><br />
<h6><br />
Try to avoid having any additional information here. We're trying to keep our site organized, clean, and compelling!<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 6 ====== --><br />
<br />
<div class="row"><br />
<div id="precontact" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="https://static.igem.org/mediawiki/2014/8/86/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/stylesheet
Team:StanfordBrownSpelman/stylesheet
2014-10-16T21:35:04Z
<p>Angelofspeed: </p>
<hr />
<div>/* ====== CSS Added ====== */<br />
<br />
::selection {<br />
background: #cccccc; /* WebKit/Blink Browsers */<br />
}<br />
::-moz-selection {<br />
background: #cccccc; /* Gecko Browsers */<br />
}<br />
<br />
/*<br />
#roof, #bottom, #left, #right {<br />
position: fixed;<br />
}<br />
#left, #right {<br />
z-index: 3000;<br />
top: 0; bottom: 0;<br />
width: 10px;<br />
}<br />
#left { left: 0; background: #000000 }<br />
#right { right: 0; background: #000000 }<br />
<br />
#roof, #bottom {<br />
z-index: 3000;<br />
left: 0; right: 0;<br />
height: 10px;<br />
}<br />
#roof { top: 0; background: #000000 }<br />
#bottom { bottom: 0; background: #000000 }<br />
*/<br />
<br />
<br />
.circle {<br />
box-shadow: inset 0px 0px 60px #ffffff;<br />
<br />
background-color: #f9f4f2;<br />
z-index: -100;<br />
border-radius: 50%;<br />
width: 480px;<br />
height: 480px;<br />
position: relative;<br />
left: 50%;<br />
top: 50%;<br />
<br />
/*<br />
* Where the magic happens<br />
* Centering method from CSS Tricks<br />
* http://css-tricks.com/centering-percentage-widthheight-elements/<br />
*/<br />
transform: translate(-50%, -50%);<br />
-webkit-transform: translate(-50%, -50%);<br />
-o-transform: translate(-50%, -50%);<br />
-ms-transform: translate(-50%, -50%);<br />
}<br />
<br />
.title {<br />
width:100%;<br />
text-align:center;<br />
margin:auto;<br />
position:absolute;<br />
top:18px;<br />
z-index:2000;<br />
}<br />
.wiki {<br />
position:fixed;<br />
top:18px;<br />
right:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.projects {<br />
position:fixed;<br />
top:18px;<br />
left:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.team {<br />
position:fixed;<br />
bottom:10px;<br />
left:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.contact {<br />
position:fixed;<br />
bottom: 10px;<br />
right:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
<br />
/* FOR BIO D PAGE */<br />
/***************************/<br />
<br />
.fitAll {<br />
height: 200px;<br />
max-width:300px;<br />
margin-bottom: 20px;<br />
}<br />
<br />
.fitAll2 {<br />
height: 200px;<br />
max-width:300px;<br />
margin-bottom: 20px;<br />
margin-top: 5px;<br />
}<br />
<br />
.reduceSize {<br />
height: 250px;<br />
margin-right: 60px;<br />
margin-bottom: 20px;<br />
}<br />
/***************************/<br />
#iGEMimagelogomain img {<br />
width: 50px;<br />
}<br />
<br />
<br />
/* ====== SPLASH ====== */<br />
<br />
#globalWrapper {<br />
background-size: cover;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
}<br />
<br />
#landing {<br />
width: 100%;<br />
height: 700px;<br />
background-image: url("https://static.igem.org/mediawiki/2014/7/71/SBSiGEM_Drone_Map_1.png");<br />
background-size: cover;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
z-index: 6000;<br />
position: relative;<br />
overflow: hidden;<br />
text-align: center;<br />
}<br />
<br />
#title{<br />
font-size: 64pt;<br />
line-height: 70pt;<br />
color: black;<br />
font-family: 'Montserrat', Futura, Arial, sans-serif;<br />
text-shadow: 6px 6px 12px rgba(0,0,0, .25);<br />
opacity:0.95;<br />
}<br />
<br />
#name {<br />
position: absolute;<br />
left: 50%;<br />
top: 50%;<br />
<br />
/*<br />
* Where the magic happens<br />
* Centering method from CSS Tricks<br />
* http://css-tricks.com/centering-percentage-widthheight-elements/<br />
*/<br />
transform: translate(-50%, -50%);<br />
-webkit-transform: translate(-50%, -50%);<br />
-o-transform: translate(-50%, -50%);<br />
-ms-transform: translate(-50%, -50%);<br />
}<br />
<br />
<br />
/* ====== Remainder ====== */<br />
<br />
nav {<br />
position: fixed;<br />
left: 0;<br />
right: 0;<br />
top: 0;<br />
z-index: 10000;<br />
font-size: 12pt;<br />
<br />
height: 45px;<br />
}<br />
<br />
nav .links {<br />
float: left;<br />
padding: 10px;<br />
}<br />
nav .links:hover{<br />
opacity: .6;<br />
}<br />
<br />
nav .links:active{<br />
background-color: transparent;<br />
}<br />
<br />
#about{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#about img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 50px;<br />
}<br />
<br />
#about .sub{<br />
padding-left: 110px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
#bioBrick{<br />
margin-top: 10px;<br />
margin-bottom: 10px;<br />
}<br />
<br />
#bioBrick img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 25px;<br />
}<br />
<br />
#bioBrick .sub{<br />
padding-left: 85px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
#bioBrickFinal{<br />
margin-top: 10px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#bioBrickFinal img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 25px;<br />
}<br />
<br />
#bioBrickFinal .sub{<br />
padding-left: 85px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
.projecticon-bio-bricks{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
#work{<br />
margin-top: 30px;<br />
}<br />
<br />
#work img{<br />
width: 115px;<br />
height: 115px;<br />
position: absolute;<br />
left: 0px;<br />
top:-6px;<br />
}<br />
<br />
#work .sub2{<br />
left: 90px;<br />
padding-left: 140px;<br />
position: relative;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#work .sub3{<br />
left: 0px;<br />
padding-left: 140px;<br />
position: relative;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#thanks{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#connect{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#connect img{<br />
width: 70px;<br />
height: 70px;<br />
position: relative;<br />
left: 0px;<br />
top: 0px;<br />
}<br />
<br />
#mobile1{<br />
margin-top: 10px;<br />
margin-bottom: 8px;<br />
}<br />
<br />
#mobile2{<br />
margin-top: 20px;<br />
margin-bottom: 20px;<br />
}<br />
<br />
#mobile2 img{<br />
width: 40px;<br />
height: 40px;<br />
position: relative;<br />
left: 0px;<br />
top: 0px;<br />
}<br />
<br />
div#closing a.external <br />
{<br />
background:none !important;<br />
padding: 0px !important;<br />
}<br />
<br />
#closing h6{<br />
margin-top: 30px;<br />
margin-bottom: 0px;<br />
padding-bottom: 20px; <br />
font-size: 8pt; <br />
color: #cccccc;<br />
}<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
#teamNoodle {<br />
}<br />
<br />
.placeholder{<br />
width:100%;<br />
max-width:800px;<br />
height:20px;<br />
background-image: white);<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 20px;<br />
}<br />
<br />
.placeholder2{<br />
width:100%;<br />
max-width:800px;<br />
height:30px;<br />
background-image: white);<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 20px;<br />
}<br />
<br />
.cells{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_cells.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells2{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/6/6a/SBS_iGEM_2014_cells2.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells3{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/9/99/SBS_iGEM_2014_cells3.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells4{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/8/81/SBS_iGEM_2014_cells4.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells5{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/e/ee/SBS_iGEM_2014_cells5.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells6{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/8/81/SBS_iGEM_2014_cells6.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells7{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/e/e2/SBS_iGEM_2014_cells7.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells8{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/4/49/SBS_iGEM_2014_cells8.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
/* ====== CSS for Sub-Pages ====== */<br />
<br />
.projecticon-cellulose-acetate{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
display:block;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-cellulose-acetate img{<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto;<br />
width: 162px;<br />
height: 162px;<br />
float: top;<br />
}<br />
<br />
.projecticon-hell-cell{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-waterproofing{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-biodegradation{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-human-practices{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-drone{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/d/dd/SBS_iGEM_2014_drone_icon.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-meet-team{<br />
width:130%;<br />
max-width:800px;<br />
height:573.89px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/c/c8/FullTeamPic.jpg");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:800px;<br />
margin-top: 10px;<br />
margin-bottom: 10px;<br />
}<br />
<br />
#header{<br />
margin-top: 10px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#photo{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#subheader{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#subheader .sub4{<br />
padding-left: 130px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader .subindent{<br />
padding-left: 50px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader img{<br />
width: 70px;<br />
height: 70px;<br />
top: -2px;<br />
position: absolute;<br />
left: 50px;<br />
}<br />
<br />
#subheader .sub5{<br />
padding-left: 55px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader .sub6{<br />
padding-left: 55px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
font-family:'Inconsolata', Helvetica, Arial, sans-serif;<br />
font-size: 13px;<br />
line-height: 8px;<br />
}<br />
<br />
#images{<br />
}<br />
<br />
#results{<br />
}<br />
<br />
#process{<br />
}<br />
<br />
#references{<br />
}<br />
<br />
<br />
/* ====== CSS Added Over ====== */<br />
<br />
<br />
<br />
<br />
<br />
<br />
meta.foundation-version {<br />
font-family: "/5.3.1/"; }<br />
<br />
meta.foundation-mq-small {<br />
font-family: "/only screen/";<br />
width: 0em; }<br />
<br />
meta.foundation-mq-medium {<br />
font-family: "/only screen and (min-width:40.063em)/";<br />
width: 40.063em; }<br />
<br />
meta.foundation-mq-large {<br />
font-family: "/only screen and (min-width:64.063em)/";<br />
width: 64.063em; }<br />
<br />
meta.foundation-mq-xlarge {<br />
font-family: "/only screen and (min-width:90.063em)/";<br />
width: 90.063em; }<br />
<br />
meta.foundation-mq-xxlarge {<br />
font-family: "/only screen and (min-width:120.063em)/";<br />
width: 120.063em; }<br />
<br />
meta.foundation-data-attribute-namespace {<br />
font-family: false; }<br />
<br />
html, body {<br />
height: 100%;<br />
}<br />
<br />
*,<br />
*:before,<br />
*:after {<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box; }<br />
<br />
html,<br />
body {<br />
font-size: 100%; }<br />
<br />
body {<br />
background: #ffffff;<br />
color: #00000;<br />
padding: 0;<br />
margin: 0;<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
line-height: 1;<br />
position: relative;<br />
/* cursor: url('../images/drone_cursor.png'), default; */<br />
cursor: default; }<br />
<br />
img {<br />
max-width: 100%;<br />
height: auto;<br />
margin-bottom: 4px; }<br />
<br />
/* IMAGE BOTTOM MARGIN MAY CAUSE PROBLEMS */<br />
<br />
img {<br />
-ms-interpolation-mode: bicubic; }<br />
<br />
#map_canvas img,<br />
#map_canvas embed,<br />
#map_canvas object,<br />
.map_canvas img,<br />
.map_canvas embed,<br />
.map_canvas object {<br />
max-width: none !important; }<br />
<br />
.left {<br />
float: left !important; }<br />
<br />
.right {<br />
float: right !important; }<br />
<br />
.clearfix:before, .clearfix:after {<br />
content: " ";<br />
display: table; }<br />
.clearfix:after {<br />
clear: both; }<br />
<br />
.hide {<br />
display: none; }<br />
<br />
.antialiased {<br />
-webkit-font-smoothing: antialiased;<br />
-moz-osx-font-smoothing: grayscale; }<br />
<br />
img {<br />
display: inline-block;<br />
vertical-align: middle; }<br />
<br />
textarea {<br />
height: auto;<br />
min-height: 50px; }<br />
<br />
select {<br />
width: 100%; }<br />
<br />
.introText {<br />
text-indent: 50px;<br />
} <br />
<br />
.row {<br />
width: 100%;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
max-width: 62.5em; }<br />
.row:before, .row:after {<br />
content: " ";<br />
display: table; }<br />
.row:after {<br />
clear: both; }<br />
.row.collapse > .column,<br />
.row.collapse > .columns {<br />
padding-left: 0;<br />
padding-right: 0; }<br />
.row.collapse .row {<br />
margin-left: 0;<br />
margin-right: 0; }<br />
.row .row {<br />
width: auto;<br />
margin-left: -0.9375em;<br />
margin-right: -0.9375em;<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
max-width: none; }<br />
.row .row:before, .row .row:after {<br />
content: " ";<br />
display: table; }<br />
.row .row:after {<br />
clear: both; }<br />
.row .row.collapse {<br />
width: auto;<br />
margin: 0;<br />
max-width: none; }<br />
.row .row.collapse:before, .row .row.collapse:after {<br />
content: " ";<br />
display: table; }<br />
.row .row.collapse:after {<br />
clear: both; }<br />
<br />
.column,<br />
.columns {<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
width: 100%;<br />
float: left; }<br />
<br />
[class*="column"] + [class*="column"]:last-child {<br />
float: right; }<br />
<br />
[class*="column"] + [class*="column"].end {<br />
float: left; }<br />
<br />
@media only screen {<br />
.small-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.small-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.small-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.small-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.small-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.small-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.small-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.small-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.small-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.small-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.small-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.small-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.small-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.small-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.small-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.small-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.small-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.small-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.small-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.small-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.small-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.small-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.small-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.small-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.small-1 {<br />
width: 8.33333%; }<br />
<br />
.small-2 {<br />
width: 16.66667%; }<br />
<br />
.small-3 {<br />
width: 25%; }<br />
<br />
.small-4 {<br />
width: 33.33333%; }<br />
<br />
.small-5 {<br />
width: 41.66667%; }<br />
<br />
.small-6 {<br />
width: 50%; }<br />
<br />
.small-7 {<br />
width: 58.33333%; }<br />
<br />
.small-8 {<br />
width: 66.66667%; }<br />
<br />
.small-9 {<br />
width: 75%; }<br />
<br />
.small-10 {<br />
width: 83.33333%; }<br />
<br />
.small-11 {<br />
width: 88%; }<br />
<br />
.small-12 {<br />
width: 100%; }<br />
<br />
.small-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.small-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.small-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.small-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.small-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.small-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.small-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.small-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.small-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.small-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.small-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.small-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.small-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.small-centered,<br />
.columns.small-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.small-uncentered,<br />
.columns.small-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.small-centered:last-child,<br />
.columns.small-centered:last-child {<br />
float: none; }<br />
<br />
.column.small-uncentered:last-child,<br />
.columns.small-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.small-uncentered.opposite,<br />
.columns.small-uncentered.opposite {<br />
float: right; } }<br />
@media only screen and (min-width: 40.063em) {<br />
.medium-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.medium-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.medium-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.medium-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.medium-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.medium-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.medium-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.medium-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.medium-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.medium-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.medium-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.medium-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.medium-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.medium-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.medium-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.medium-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.medium-1 {<br />
width: 8.33333%; }<br />
<br />
.medium-2 {<br />
width: 16.66667%; }<br />
<br />
.medium-3 {<br />
width: 25%; }<br />
<br />
.medium-4 {<br />
width: 33.33333%; }<br />
<br />
.medium-5 {<br />
width: 41.66667%; }<br />
<br />
.medium-6 {<br />
width: 50%; }<br />
<br />
.medium-7 {<br />
width: 58.33333%; }<br />
<br />
.medium-8 {<br />
width: 66.66667%; }<br />
<br />
.medium-9 {<br />
width: 75%; }<br />
<br />
.medium-10 {<br />
width: 83.33333%; }<br />
<br />
.medium-11 {<br />
width: 91.66667%; }<br />
<br />
.medium-12 {<br />
width: 100%; }<br />
<br />
.medium-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.medium-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.medium-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.medium-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.medium-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.medium-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.medium-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.medium-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.medium-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.medium-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.medium-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.medium-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.medium-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.medium-centered,<br />
.columns.medium-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.medium-uncentered,<br />
.columns.medium-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.medium-centered:last-child,<br />
.columns.medium-centered:last-child {<br />
float: none; }<br />
<br />
.column.medium-uncentered:last-child,<br />
.columns.medium-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.medium-uncentered.opposite,<br />
.columns.medium-uncentered.opposite {<br />
float: right; }<br />
<br />
.push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; } }<br />
@media only screen and (min-width: 64.063em) {<br />
.large-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.large-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.large-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.large-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.large-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.large-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.large-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.large-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.large-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.large-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.large-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.large-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.large-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.large-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.large-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.large-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.large-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.large-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.large-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.large-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.large-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.large-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.large-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.large-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.large-1 {<br />
width: 8.33333%; }<br />
<br />
.large-2 {<br />
width: 16.66667%; }<br />
<br />
.large-3 {<br />
width: 25%; }<br />
<br />
.large-4 {<br />
width: 33.33333%; }<br />
<br />
.large-5 {<br />
width: 41.66667%; }<br />
<br />
.large-6 {<br />
width: 50%; }<br />
<br />
.large-7 {<br />
width: 58.33333%; }<br />
<br />
.large-8 {<br />
width: 66.66667%; }<br />
<br />
.large-9 {<br />
width: 75%; }<br />
<br />
.large-10 {<br />
width: 83.33333%; }<br />
<br />
.large-11 {<br />
width: 91.66667%; }<br />
<br />
.large-12 {<br />
width: 100%; }<br />
<br />
.large-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.large-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.large-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.large-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.large-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.large-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.large-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.large-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.large-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.large-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.large-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.large-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.large-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.large-centered,<br />
.columns.large-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.large-uncentered,<br />
.columns.large-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.large-centered:last-child,<br />
.columns.large-centered:last-child {<br />
float: none; }<br />
<br />
.column.large-uncentered:last-child,<br />
.columns.large-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.large-uncentered.opposite,<br />
.columns.large-uncentered.opposite {<br />
float: right; }<br />
<br />
.push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; } }<br />
.text-left {<br />
text-align: left !important; }<br />
<br />
.text-right {<br />
text-align: right !important; }<br />
<br />
.text-center {<br />
text-align: center !important; }<br />
<br />
.text-justify {<br />
text-align: justify !important; }<br />
<br />
@media only screen and (max-width: 40em) {<br />
.small-only-text-left {<br />
text-align: left !important; }<br />
<br />
.small-only-text-right {<br />
text-align: right !important; }<br />
<br />
.small-only-text-center {<br />
text-align: center !important; }<br />
<br />
.small-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen {<br />
.small-text-left {<br />
text-align: left !important; }<br />
<br />
.small-text-right {<br />
text-align: right !important; }<br />
<br />
.small-text-center {<br />
text-align: center !important; }<br />
<br />
.small-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 40.063em) and (max-width: 64em) {<br />
.medium-only-text-left {<br />
text-align: left !important; }<br />
<br />
.medium-only-text-right {<br />
text-align: right !important; }<br />
<br />
.medium-only-text-center {<br />
text-align: center !important; }<br />
<br />
.medium-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 40.063em) {<br />
.medium-text-left {<br />
text-align: left !important; }<br />
<br />
.medium-text-right {<br />
text-align: right !important; }<br />
<br />
.medium-text-center {<br />
text-align: center !important; }<br />
<br />
.medium-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 64.063em) and (max-width: 90em) {<br />
.large-only-text-left {<br />
text-align: left !important; }<br />
<br />
.large-only-text-right {<br />
text-align: right !important; }<br />
<br />
.large-only-text-center {<br />
text-align: center !important; }<br />
<br />
.large-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 64.063em) {<br />
.large-text-left {<br />
text-align: left !important; }<br />
<br />
.large-text-right {<br />
text-align: right !important; }<br />
<br />
.large-text-center {<br />
text-align: center !important; }<br />
<br />
.large-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 90.063em) and (max-width: 120em) {<br />
.xlarge-only-text-left {<br />
text-align: left !important; }<br />
<br />
.xlarge-only-text-right {<br />
text-align: right !important; }<br />
<br />
.xlarge-only-text-center {<br />
text-align: center !important; }<br />
<br />
.xlarge-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 90.063em) {<br />
.xlarge-text-left {<br />
text-align: left !important; }<br />
<br />
.xlarge-text-right {<br />
text-align: right !important; }<br />
<br />
.xlarge-text-center {<br />
text-align: center !important; }<br />
<br />
.xlarge-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {<br />
.xxlarge-only-text-left {<br />
text-align: left !important; }<br />
<br />
.xxlarge-only-text-right {<br />
text-align: right !important; }<br />
<br />
.xxlarge-only-text-center {<br />
text-align: center !important; }<br />
<br />
.xxlarge-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 120.063em) {<br />
.xxlarge-text-left {<br />
text-align: left !important; }<br />
<br />
.xxlarge-text-right {<br />
text-align: right !important; }<br />
<br />
.xxlarge-text-center {<br />
text-align: center !important; }<br />
<br />
.xxlarge-text-justify {<br />
text-align: justify !important; } }<br />
/* Typography resets */<br />
div,<br />
dl,<br />
dt,<br />
dd,<br />
ul,<br />
ol,<br />
li,<br />
h1,<br />
h2,<br />
h3,<br />
h4,<br />
h5,<br />
h6,<br />
h0,<br />
pre,<br />
form,<br />
p,<br />
blockquote,<br />
th,<br />
td {<br />
margin: 0;<br />
padding: 0; }<br />
<br />
/* Default Link Styles */<br />
a {<br />
color: #000000;<br />
text-decoration: none;<br />
line-height: inherit; }<br />
<br />
<br />
a.one:hover { color: #eaea13; }<br />
a.two:hover { color: #fbb03b; }<br />
a.three:hover { color: #dbef20; }<br />
a.four:hover { color: #a2d650; }<br />
a.five:hover { color: #4fcc36; }<br />
a.six:hover { color: #22b573; }<br />
a.seven:hover { color: #39b54a; }<br />
a.eight:hover { color: #00a99d; }<br />
a.nine:hover { color: #18d3a2; }<br />
a.ten:hover { color: #b2ae22; }<br />
<br />
<br />
a img {<br />
border: none; }<br />
<br />
/* Default paragraph styles */<br />
p {<br />
font-family: inherit;<br />
font-weight: normal;<br />
font-size: 1rem;<br />
line-height: 1.6;<br />
margin-bottom: 1.25rem;<br />
text-rendering: optimizeLegibility; }<br />
p.lead {<br />
font-size: 1.21875rem;<br />
line-height: 1.6; }<br />
p aside {<br />
font-size: 0.875rem;<br />
line-height: 1.35;<br />
font-style: italic; }<br />
<br />
/* Default header styles */<br />
h0, h1, h2, h3, h4, h5, h6 {<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
color: #000000;<br />
text-rendering: optimizeLegibility;<br />
margin-top: 0.2rem;<br />
margin-bottom: 0.5rem;<br />
line-height: 1.4; }<br />
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {<br />
font-size: 60%;<br />
color: #6f6f6f;<br />
line-height: 0; }<br />
<br />
h0 {<br />
font-size: .7rem;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: justify; }<br />
<br />
h1 {<br />
font-size: 2.125rem; }<br />
<br />
h2 {<br />
/* font-size: 1.6875rem; */<br />
font-size: 1.0rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
<br />
}<br />
<br />
h3 {<br />
font-size: 1.375rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h4 {<br />
font-size: 1.125rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h5 {<br />
font-size: 1.125rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 10px; }<br />
<br />
h6 {<br />
font-size: .8rem;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: justify; }<br />
<br />
.boxedmenu {<br />
border-bottom: 2px solid green;<br />
border-top: 2px solid green;<br />
margin-bottom: 25px;<br />
}<br />
<br />
.boxedimg {<br />
border-bottom: 2px solid #218282;<br />
border-top: 2px solid #218282;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
}<br />
<br />
h7 {<br />
/* font-size: 1.6875rem; */<br />
font-size: 1.3rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
.subheader {<br />
line-height: 1.4;<br />
color: #6f6f6f;<br />
font-weight: normal;<br />
margin-top: 0.2rem;<br />
margin-bottom: 0.5rem; }<br />
<br />
hr {<br />
border: solid #dddddd;<br />
border-width: 1px 0 0;<br />
clear: both;<br />
margin: 1.25rem 0 1.1875rem;<br />
height: 0; }<br />
<br />
/* Helpful Typography Defaults */<br />
em,<br />
i {<br />
font-style: italic;<br />
line-height: inherit; }<br />
<br />
strong,<br />
b {<br />
font-weight: bold;<br />
line-height: inherit; }<br />
<br />
small {<br />
font-size: 60%;<br />
line-height: inherit; }<br />
<br />
code {<br />
font-family: Consolas, "Liberation Mono", Courier, monospace;<br />
font-weight: bold;<br />
color: #910b0e; }<br />
<br />
/* Lists */<br />
ul,<br />
ol,<br />
dl {<br />
font-size: 1rem;<br />
line-height: 1.6;<br />
margin-bottom: 1.25rem;<br />
list-style-position: outside;<br />
font-family: inherit; }<br />
<br />
ul {<br />
margin-left: 1.1rem; }<br />
ul.no-bullet {<br />
margin-left: 0; }<br />
ul.no-bullet li ul,<br />
ul.no-bullet li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0;<br />
list-style: none; }<br />
<br />
/* Unordered Lists */<br />
ul li ul,<br />
ul li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0; }<br />
ul.square li ul, ul.circle li ul, ul.disc li ul {<br />
list-style: inherit; }<br />
ul.square {<br />
list-style-type: square;<br />
margin-left: 1.1rem; }<br />
ul.circle {<br />
list-style-type: circle;<br />
margin-left: 1.1rem; }<br />
ul.disc {<br />
list-style-type: disc;<br />
margin-left: 1.1rem; }<br />
ul.no-bullet {<br />
list-style: none; }<br />
<br />
/* Ordered Lists */<br />
ol {<br />
margin-left: 1.4rem; }<br />
ol li ul,<br />
ol li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0; }<br />
<br />
/* Definition Lists */<br />
dl dt {<br />
margin-bottom: 0.3rem;<br />
font-weight: bold; }<br />
dl dd {<br />
margin-bottom: 0.75rem; }<br />
<br />
/* Abbreviations */<br />
abbr,<br />
acronym {<br />
text-transform: uppercase;<br />
font-size: 90%;<br />
color: #000000;<br />
border-bottom: 1px dotted #dddddd;<br />
cursor: help; }<br />
<br />
abbr {<br />
text-transform: none; }<br />
<br />
/* Blockquotes */<br />
blockquote {<br />
margin: 0 0 1.25rem;<br />
padding: 0.5625rem 1.25rem 0 1.1875rem;<br />
border-left: 1px solid #dddddd; }<br />
blockquote cite {<br />
display: block;<br />
font-size: 0.8125rem;<br />
color: #555555; }<br />
blockquote cite:before {<br />
content: "\2014 \0020"; }<br />
blockquote cite a,<br />
blockquote cite a:visited {<br />
color: #555555; }<br />
<br />
blockquote,<br />
blockquote p {<br />
line-height: 1.6;<br />
color: #6f6f6f; }<br />
<br />
/* Microformats */<br />
.vcard {<br />
display: inline-block;<br />
margin: 0 0 1.25rem 0;<br />
border: 1px solid #dddddd;<br />
padding: 0.625rem 0.75rem; }<br />
.vcard li {<br />
margin: 0;<br />
display: block; }<br />
.vcard .fn {<br />
font-weight: bold;<br />
font-size: 0.9375rem; }<br />
<br />
.vevent .summary {<br />
font-weight: bold; }<br />
.vevent abbr {<br />
cursor: default;<br />
text-decoration: none;<br />
font-weight: bold;<br />
border: none;<br />
padding: 0 0.0625rem; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
h0, h1, h2, h3, h4, h5, h6 {<br />
line-height: 1.4; }<br />
<br />
h0 {<br />
font-size: .7rem;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: left; }<br />
<br />
h1 {<br />
font-size: 2.75rem; }<br />
<br />
h2 {<br />
/* font-size: 2.3125rem; */<br />
font-size: 1.3rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
h3 {<br />
font-size: 1.6875rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h4 {<br />
font-size: 1.4375rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h5 {<br />
font-size: 1.4375rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 10px; }<br />
<br />
h6 {<br />
font-size: 1rem;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: left; <br />
} <br />
<br />
h7 {<br />
/* font-size: 2.3125rem; */<br />
font-size: 1.0rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
}<br />
<br />
/* ====== CSS Added ======<br />
<br />
img{<br />
width: 80px;<br />
height: 80px;<br />
position: absolute;<br />
left: 0px;<br />
top:-6px;<br />
}<br />
<br />
====== CSS Added End ====== */<br />
<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
/*<br />
* Print styles.<br />
*<br />
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/<br />
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)<br />
*/<br />
.print-only {<br />
display: none !important; }<br />
<br />
@media print {<br />
* {<br />
background: transparent !important;<br />
color: black !important;<br />
/* Black prints faster: h5bp.com/s */<br />
box-shadow: none !important;<br />
text-shadow: none !important; }<br />
<br />
a,<br />
a:visited {<br />
text-decoration: underline; }<br />
<br />
a[href]:after {<br />
content: " (" attr(href) ")"; }<br />
<br />
abbr[title]:after {<br />
content: " (" attr(title) ")"; }<br />
<br />
.ir a:after,<br />
a[href^="javascript:"]:after,<br />
a[href^="#"]:after {<br />
content: ""; }<br />
<br />
pre,<br />
blockquote {<br />
border: 1px solid #999999;<br />
page-break-inside: avoid; }<br />
<br />
thead {<br />
display: table-header-group;<br />
/* h5bp.com/t */ }<br />
<br />
tr,<br />
img {<br />
page-break-inside: avoid; }<br />
<br />
img {<br />
max-width: 100% !important; }<br />
<br />
@page {<br />
margin: 0.5cm; }<br />
<br />
p,<br />
h2,<br />
h3 {<br />
orphans: 3;<br />
widows: 3; }<br />
<br />
h2,<br />
h3 {<br />
page-break-after: avoid; }<br />
<br />
.hide-on-print {<br />
display: none !important; }<br />
<br />
.print-only {<br />
display: block !important; }<br />
<br />
.hide-for-print {<br />
display: none !important; }<br />
<br />
.show-for-print {<br />
display: inherit !important; } }<br />
.reveal-modal-bg {<br />
position: fixed;<br />
height: 100%;<br />
width: 100%;<br />
background: black;<br />
background: rgba(0, 0, 0, 0.45);<br />
z-index: 99;<br />
display: none;<br />
top: 0;<br />
left: 0; }<br />
<br />
dialog, .reveal-modal {<br />
visibility: hidden;<br />
display: none;<br />
position: absolute;<br />
z-index: 100;<br />
width: 100vw;<br />
top: 0;<br />
left: 0;<br />
background-color: white;<br />
padding: 1.25rem;<br />
border: solid 1px #666666;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }<br />
@media only screen and (max-width: 40em) {<br />
dialog, .reveal-modal {<br />
min-height: 100vh; } }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
left: 50%; } }<br />
dialog .column,<br />
dialog .columns, .reveal-modal .column,<br />
.reveal-modal .columns {<br />
min-width: 0; }<br />
dialog > :first-child, .reveal-modal > :first-child {<br />
margin-top: 0; }<br />
dialog > :last-child, .reveal-modal > :last-child {<br />
margin-bottom: 0; }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
margin-left: -40%;<br />
width: 80%; } }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
top: 6.25rem; } }<br />
dialog .close-reveal-modal, .reveal-modal .close-reveal-modal {<br />
font-size: 2.5rem;<br />
line-height: 1;<br />
position: absolute;<br />
top: 0.5rem;<br />
right: 0.6875rem;<br />
color: #aaaaaa;<br />
font-weight: bold;<br />
cursor: pointer; }<br />
<br />
dialog[open] {<br />
display: block;<br />
visibility: visible; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
padding: 1.875rem; }<br />
dialog.radius, .reveal-modal.radius {<br />
border-radius: 3px; }<br />
dialog.round, .reveal-modal.round {<br />
border-radius: 1000px; }<br />
dialog.collapse, .reveal-modal.collapse {<br />
padding: 0; }<br />
dialog.full, .reveal-modal.full {<br />
top: 0;<br />
left: 0;<br />
height: 100vh;<br />
min-height: 100vh;<br />
margin-left: 0 !important; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.tiny, .reveal-modal.tiny {<br />
margin-left: -15%;<br />
width: 30%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.small, .reveal-modal.small {<br />
margin-left: -20%;<br />
width: 40%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.medium, .reveal-modal.medium {<br />
margin-left: -30%;<br />
width: 60%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.large, .reveal-modal.large {<br />
margin-left: -35%;<br />
width: 70%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.xlarge, .reveal-modal.xlarge {<br />
margin-left: -47.5%;<br />
width: 95%; } }<br />
<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.full, .reveal-modal.full {<br />
margin-left: -50vw;<br />
width: 100vw; } }<br />
<br />
@media print {<br />
dialog, .reveal-modal {<br />
background: white !important; } }<br />
button, .button {<br />
border-style: solid;<br />
border-width: 0px;<br />
cursor: pointer;<br />
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: normal;<br />
line-height: normal;<br />
margin: 0 0 1.25rem;<br />
position: relative;<br />
text-decoration: none;<br />
text-align: center;<br />
-webkit-appearance: none;<br />
-webkit-border-radius: 0;<br />
display: inline-block;<br />
padding-top: 1rem;<br />
padding-right: 2rem;<br />
padding-bottom: 1.0625rem;<br />
padding-left: 2rem;<br />
font-size: 1rem;<br />
background-color: #2ba6cb;<br />
border-color: #2285a2;<br />
color: white;<br />
transition: background-color 300ms ease-out; }<br />
button:hover, button:focus, .button:hover, .button:focus {<br />
background-color: #2285a2; }<br />
button:hover, button:focus, .button:hover, .button:focus {<br />
color: white; }<br />
button.secondary, .button.secondary {<br />
background-color: #e9e9e9;<br />
border-color: #2285a2;<br />
color: #333333; }<br />
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {<br />
background-color: #2285a2; }<br />
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {<br />
color: #333333; }<br />
button.success, .button.success {<br />
background-color: #5da423;<br />
border-color: #2285a2;<br />
color: white; }<br />
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {<br />
background-color: #2285a2; }<br />
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {<br />
color: white; }<br />
button.alert, .button.alert {<br />
background-color: #c60f13;<br />
border-color: #2285a2;<br />
color: white; }<br />
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {<br />
background-color: #2285a2; }<br />
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {<br />
color: white; }<br />
button.large, .button.large {<br />
padding-top: 1.125rem;<br />
padding-right: 2.25rem;<br />
padding-bottom: 1.1875rem;<br />
padding-left: 2.25rem;<br />
font-size: 1.25rem; }<br />
button.small, .button.small {<br />
padding-top: 0.875rem;<br />
padding-right: 1.75rem;<br />
padding-bottom: 0.9375rem;<br />
padding-left: 1.75rem;<br />
font-size: 0.8125rem; }<br />
button.tiny, .button.tiny {<br />
padding-top: 0.625rem;<br />
padding-right: 1.25rem;<br />
padding-bottom: 0.6875rem;<br />
padding-left: 1.25rem;<br />
font-size: 0.6875rem; }<br />
button.expand, .button.expand {<br />
padding-right: 0;<br />
padding-left: 0;<br />
width: 100%; }<br />
button.left-align, .button.left-align {<br />
text-align: left;<br />
text-indent: 0.75rem; }<br />
button.right-align, .button.right-align {<br />
text-align: right;<br />
padding-right: 0.75rem; }<br />
button.radius, .button.radius {<br />
border-radius: 3px; }<br />
button.round, .button.round {<br />
border-radius: 1000px; }<br />
button.disabled, button[disabled], .button.disabled, .button[disabled] {<br />
background-color: #2ba6cb;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
background-color: #2285a2; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
color: white; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
background-color: #2ba6cb; }<br />
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {<br />
background-color: #e9e9e9;<br />
border-color: #2285a2;<br />
color: #333333;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
background-color: #2285a2; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
color: #333333; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
background-color: #e9e9e9; }<br />
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {<br />
background-color: #5da423;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
background-color: #2285a2; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
color: white; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
background-color: #5da423; }<br />
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {<br />
background-color: #c60f13;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
background-color: #2285a2; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
color: white; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
background-color: #c60f13; }<br />
<br />
button::-moz-focus-inner {<br />
border: 0;<br />
padding: 0; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
button, .button {<br />
display: inline-block; } }<br />
<br />
/* ====== Remove MediaWiki Look ====== */<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
<br />
/* Redesigning the topmenu */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;<br />
z-index: 1000;}<br />
#menubar {<br />
color: #000000;<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
line-height: 1;<br />
top: 9px;<br />
z-index: 2000;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: #cccccc;}<br />
#menubar:hover li a {<br />
color: #cccccc;}<br />
.left-menu .noprint ul li .new a {<br />
text-decoration: none;<br />
}<br />
a:hover, a:visited, a:link, a:active<br />
{<br />
text-decoration: none;<br />
}<br />
a:visited {<br />
color: black;<br />
}</div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/stylesheet
Team:StanfordBrownSpelman/stylesheet
2014-10-16T21:34:05Z
<p>Angelofspeed: </p>
<hr />
<div>/* ====== CSS Added ====== */<br />
<br />
::selection {<br />
background: #cccccc; /* WebKit/Blink Browsers */<br />
}<br />
::-moz-selection {<br />
background: #cccccc; /* Gecko Browsers */<br />
}<br />
<br />
/*<br />
#roof, #bottom, #left, #right {<br />
position: fixed;<br />
}<br />
#left, #right {<br />
z-index: 3000;<br />
top: 0; bottom: 0;<br />
width: 10px;<br />
}<br />
#left { left: 0; background: #000000 }<br />
#right { right: 0; background: #000000 }<br />
<br />
#roof, #bottom {<br />
z-index: 3000;<br />
left: 0; right: 0;<br />
height: 10px;<br />
}<br />
#roof { top: 0; background: #000000 }<br />
#bottom { bottom: 0; background: #000000 }<br />
*/<br />
<br />
<br />
.circle {<br />
box-shadow: inset 0px 0px 60px #ffffff;<br />
<br />
background-color: #f9f4f2;<br />
z-index: -100;<br />
border-radius: 50%;<br />
width: 480px;<br />
height: 480px;<br />
position: relative;<br />
left: 50%;<br />
top: 50%;<br />
<br />
/*<br />
* Where the magic happens<br />
* Centering method from CSS Tricks<br />
* http://css-tricks.com/centering-percentage-widthheight-elements/<br />
*/<br />
transform: translate(-50%, -50%);<br />
-webkit-transform: translate(-50%, -50%);<br />
-o-transform: translate(-50%, -50%);<br />
-ms-transform: translate(-50%, -50%);<br />
}<br />
<br />
.title {<br />
width:100%;<br />
text-align:center;<br />
margin:auto;<br />
position:absolute;<br />
top:18px;<br />
z-index:2000;<br />
}<br />
.wiki {<br />
position:fixed;<br />
top:18px;<br />
right:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.projects {<br />
position:fixed;<br />
top:18px;<br />
left:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.team {<br />
position:fixed;<br />
bottom:10px;<br />
left:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.contact {<br />
position:fixed;<br />
bottom: 10px;<br />
right:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
<br />
/* FOR BIO D PAGE */<br />
/***************************/<br />
<br />
.fitAll {<br />
height: 200px;<br />
max-width:300px;<br />
margin-bottom: 20px;<br />
}<br />
<br />
.reduceSize {<br />
height: 250px;<br />
margin-right: 60px;<br />
margin-bottom: 20px;<br />
}<br />
/***************************/<br />
#iGEMimagelogomain img {<br />
width: 50px;<br />
}<br />
<br />
<br />
/* ====== SPLASH ====== */<br />
<br />
#globalWrapper {<br />
background-size: cover;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
}<br />
<br />
#landing {<br />
width: 100%;<br />
height: 700px;<br />
background-image: url("https://static.igem.org/mediawiki/2014/7/71/SBSiGEM_Drone_Map_1.png");<br />
background-size: cover;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
z-index: 6000;<br />
position: relative;<br />
overflow: hidden;<br />
text-align: center;<br />
}<br />
<br />
#title{<br />
font-size: 64pt;<br />
line-height: 70pt;<br />
color: black;<br />
font-family: 'Montserrat', Futura, Arial, sans-serif;<br />
text-shadow: 6px 6px 12px rgba(0,0,0, .25);<br />
opacity:0.95;<br />
}<br />
<br />
#name {<br />
position: absolute;<br />
left: 50%;<br />
top: 50%;<br />
<br />
/*<br />
* Where the magic happens<br />
* Centering method from CSS Tricks<br />
* http://css-tricks.com/centering-percentage-widthheight-elements/<br />
*/<br />
transform: translate(-50%, -50%);<br />
-webkit-transform: translate(-50%, -50%);<br />
-o-transform: translate(-50%, -50%);<br />
-ms-transform: translate(-50%, -50%);<br />
}<br />
<br />
<br />
/* ====== Remainder ====== */<br />
<br />
nav {<br />
position: fixed;<br />
left: 0;<br />
right: 0;<br />
top: 0;<br />
z-index: 10000;<br />
font-size: 12pt;<br />
<br />
height: 45px;<br />
}<br />
<br />
nav .links {<br />
float: left;<br />
padding: 10px;<br />
}<br />
nav .links:hover{<br />
opacity: .6;<br />
}<br />
<br />
nav .links:active{<br />
background-color: transparent;<br />
}<br />
<br />
#about{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#about img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 50px;<br />
}<br />
<br />
#about .sub{<br />
padding-left: 110px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
#bioBrick{<br />
margin-top: 10px;<br />
margin-bottom: 10px;<br />
}<br />
<br />
#bioBrick img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 25px;<br />
}<br />
<br />
#bioBrick .sub{<br />
padding-left: 85px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
#bioBrickFinal{<br />
margin-top: 10px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#bioBrickFinal img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 25px;<br />
}<br />
<br />
#bioBrickFinal .sub{<br />
padding-left: 85px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
.projecticon-bio-bricks{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
#work{<br />
margin-top: 30px;<br />
}<br />
<br />
#work img{<br />
width: 115px;<br />
height: 115px;<br />
position: absolute;<br />
left: 0px;<br />
top:-6px;<br />
}<br />
<br />
#work .sub2{<br />
left: 90px;<br />
padding-left: 140px;<br />
position: relative;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#work .sub3{<br />
left: 0px;<br />
padding-left: 140px;<br />
position: relative;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#thanks{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#connect{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#connect img{<br />
width: 70px;<br />
height: 70px;<br />
position: relative;<br />
left: 0px;<br />
top: 0px;<br />
}<br />
<br />
#mobile1{<br />
margin-top: 10px;<br />
margin-bottom: 8px;<br />
}<br />
<br />
#mobile2{<br />
margin-top: 20px;<br />
margin-bottom: 20px;<br />
}<br />
<br />
#mobile2 img{<br />
width: 40px;<br />
height: 40px;<br />
position: relative;<br />
left: 0px;<br />
top: 0px;<br />
}<br />
<br />
div#closing a.external <br />
{<br />
background:none !important;<br />
padding: 0px !important;<br />
}<br />
<br />
#closing h6{<br />
margin-top: 30px;<br />
margin-bottom: 0px;<br />
padding-bottom: 20px; <br />
font-size: 8pt; <br />
color: #cccccc;<br />
}<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
#teamNoodle {<br />
}<br />
<br />
.placeholder{<br />
width:100%;<br />
max-width:800px;<br />
height:20px;<br />
background-image: white);<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 20px;<br />
}<br />
<br />
.placeholder2{<br />
width:100%;<br />
max-width:800px;<br />
height:30px;<br />
background-image: white);<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 20px;<br />
}<br />
<br />
.cells{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_cells.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells2{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/6/6a/SBS_iGEM_2014_cells2.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells3{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/9/99/SBS_iGEM_2014_cells3.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells4{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/8/81/SBS_iGEM_2014_cells4.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells5{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/e/ee/SBS_iGEM_2014_cells5.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells6{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/8/81/SBS_iGEM_2014_cells6.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells7{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/e/e2/SBS_iGEM_2014_cells7.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells8{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/4/49/SBS_iGEM_2014_cells8.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
/* ====== CSS for Sub-Pages ====== */<br />
<br />
.projecticon-cellulose-acetate{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
display:block;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-cellulose-acetate img{<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto;<br />
width: 162px;<br />
height: 162px;<br />
float: top;<br />
}<br />
<br />
.projecticon-hell-cell{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-waterproofing{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-biodegradation{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-human-practices{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-drone{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/d/dd/SBS_iGEM_2014_drone_icon.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-meet-team{<br />
width:130%;<br />
max-width:800px;<br />
height:573.89px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/c/c8/FullTeamPic.jpg");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:800px;<br />
margin-top: 10px;<br />
margin-bottom: 10px;<br />
}<br />
<br />
#header{<br />
margin-top: 10px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#photo{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#subheader{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#subheader .sub4{<br />
padding-left: 130px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader .subindent{<br />
padding-left: 50px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader img{<br />
width: 70px;<br />
height: 70px;<br />
top: -2px;<br />
position: absolute;<br />
left: 50px;<br />
}<br />
<br />
#subheader .sub5{<br />
padding-left: 55px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader .sub6{<br />
padding-left: 55px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
font-family:'Inconsolata', Helvetica, Arial, sans-serif;<br />
font-size: 13px;<br />
line-height: 8px;<br />
}<br />
<br />
#images{<br />
}<br />
<br />
#results{<br />
}<br />
<br />
#process{<br />
}<br />
<br />
#references{<br />
}<br />
<br />
<br />
/* ====== CSS Added Over ====== */<br />
<br />
<br />
<br />
<br />
<br />
<br />
meta.foundation-version {<br />
font-family: "/5.3.1/"; }<br />
<br />
meta.foundation-mq-small {<br />
font-family: "/only screen/";<br />
width: 0em; }<br />
<br />
meta.foundation-mq-medium {<br />
font-family: "/only screen and (min-width:40.063em)/";<br />
width: 40.063em; }<br />
<br />
meta.foundation-mq-large {<br />
font-family: "/only screen and (min-width:64.063em)/";<br />
width: 64.063em; }<br />
<br />
meta.foundation-mq-xlarge {<br />
font-family: "/only screen and (min-width:90.063em)/";<br />
width: 90.063em; }<br />
<br />
meta.foundation-mq-xxlarge {<br />
font-family: "/only screen and (min-width:120.063em)/";<br />
width: 120.063em; }<br />
<br />
meta.foundation-data-attribute-namespace {<br />
font-family: false; }<br />
<br />
html, body {<br />
height: 100%;<br />
}<br />
<br />
*,<br />
*:before,<br />
*:after {<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box; }<br />
<br />
html,<br />
body {<br />
font-size: 100%; }<br />
<br />
body {<br />
background: #ffffff;<br />
color: #00000;<br />
padding: 0;<br />
margin: 0;<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
line-height: 1;<br />
position: relative;<br />
/* cursor: url('../images/drone_cursor.png'), default; */<br />
cursor: default; }<br />
<br />
img {<br />
max-width: 100%;<br />
height: auto;<br />
margin-bottom: 4px; }<br />
<br />
/* IMAGE BOTTOM MARGIN MAY CAUSE PROBLEMS */<br />
<br />
img {<br />
-ms-interpolation-mode: bicubic; }<br />
<br />
#map_canvas img,<br />
#map_canvas embed,<br />
#map_canvas object,<br />
.map_canvas img,<br />
.map_canvas embed,<br />
.map_canvas object {<br />
max-width: none !important; }<br />
<br />
.left {<br />
float: left !important; }<br />
<br />
.right {<br />
float: right !important; }<br />
<br />
.clearfix:before, .clearfix:after {<br />
content: " ";<br />
display: table; }<br />
.clearfix:after {<br />
clear: both; }<br />
<br />
.hide {<br />
display: none; }<br />
<br />
.antialiased {<br />
-webkit-font-smoothing: antialiased;<br />
-moz-osx-font-smoothing: grayscale; }<br />
<br />
img {<br />
display: inline-block;<br />
vertical-align: middle; }<br />
<br />
textarea {<br />
height: auto;<br />
min-height: 50px; }<br />
<br />
select {<br />
width: 100%; }<br />
<br />
.introText {<br />
text-indent: 50px;<br />
} <br />
<br />
.row {<br />
width: 100%;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
max-width: 62.5em; }<br />
.row:before, .row:after {<br />
content: " ";<br />
display: table; }<br />
.row:after {<br />
clear: both; }<br />
.row.collapse > .column,<br />
.row.collapse > .columns {<br />
padding-left: 0;<br />
padding-right: 0; }<br />
.row.collapse .row {<br />
margin-left: 0;<br />
margin-right: 0; }<br />
.row .row {<br />
width: auto;<br />
margin-left: -0.9375em;<br />
margin-right: -0.9375em;<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
max-width: none; }<br />
.row .row:before, .row .row:after {<br />
content: " ";<br />
display: table; }<br />
.row .row:after {<br />
clear: both; }<br />
.row .row.collapse {<br />
width: auto;<br />
margin: 0;<br />
max-width: none; }<br />
.row .row.collapse:before, .row .row.collapse:after {<br />
content: " ";<br />
display: table; }<br />
.row .row.collapse:after {<br />
clear: both; }<br />
<br />
.column,<br />
.columns {<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
width: 100%;<br />
float: left; }<br />
<br />
[class*="column"] + [class*="column"]:last-child {<br />
float: right; }<br />
<br />
[class*="column"] + [class*="column"].end {<br />
float: left; }<br />
<br />
@media only screen {<br />
.small-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.small-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.small-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.small-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.small-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.small-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.small-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.small-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.small-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.small-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.small-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.small-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.small-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.small-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.small-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.small-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.small-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.small-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.small-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.small-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.small-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.small-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.small-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.small-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.small-1 {<br />
width: 8.33333%; }<br />
<br />
.small-2 {<br />
width: 16.66667%; }<br />
<br />
.small-3 {<br />
width: 25%; }<br />
<br />
.small-4 {<br />
width: 33.33333%; }<br />
<br />
.small-5 {<br />
width: 41.66667%; }<br />
<br />
.small-6 {<br />
width: 50%; }<br />
<br />
.small-7 {<br />
width: 58.33333%; }<br />
<br />
.small-8 {<br />
width: 66.66667%; }<br />
<br />
.small-9 {<br />
width: 75%; }<br />
<br />
.small-10 {<br />
width: 83.33333%; }<br />
<br />
.small-11 {<br />
width: 88%; }<br />
<br />
.small-12 {<br />
width: 100%; }<br />
<br />
.small-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.small-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.small-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.small-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.small-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.small-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.small-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.small-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.small-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.small-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.small-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.small-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.small-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.small-centered,<br />
.columns.small-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.small-uncentered,<br />
.columns.small-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.small-centered:last-child,<br />
.columns.small-centered:last-child {<br />
float: none; }<br />
<br />
.column.small-uncentered:last-child,<br />
.columns.small-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.small-uncentered.opposite,<br />
.columns.small-uncentered.opposite {<br />
float: right; } }<br />
@media only screen and (min-width: 40.063em) {<br />
.medium-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.medium-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.medium-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.medium-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.medium-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.medium-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.medium-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.medium-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.medium-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.medium-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.medium-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.medium-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.medium-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.medium-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.medium-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.medium-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.medium-1 {<br />
width: 8.33333%; }<br />
<br />
.medium-2 {<br />
width: 16.66667%; }<br />
<br />
.medium-3 {<br />
width: 25%; }<br />
<br />
.medium-4 {<br />
width: 33.33333%; }<br />
<br />
.medium-5 {<br />
width: 41.66667%; }<br />
<br />
.medium-6 {<br />
width: 50%; }<br />
<br />
.medium-7 {<br />
width: 58.33333%; }<br />
<br />
.medium-8 {<br />
width: 66.66667%; }<br />
<br />
.medium-9 {<br />
width: 75%; }<br />
<br />
.medium-10 {<br />
width: 83.33333%; }<br />
<br />
.medium-11 {<br />
width: 91.66667%; }<br />
<br />
.medium-12 {<br />
width: 100%; }<br />
<br />
.medium-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.medium-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.medium-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.medium-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.medium-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.medium-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.medium-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.medium-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.medium-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.medium-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.medium-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.medium-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.medium-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.medium-centered,<br />
.columns.medium-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.medium-uncentered,<br />
.columns.medium-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.medium-centered:last-child,<br />
.columns.medium-centered:last-child {<br />
float: none; }<br />
<br />
.column.medium-uncentered:last-child,<br />
.columns.medium-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.medium-uncentered.opposite,<br />
.columns.medium-uncentered.opposite {<br />
float: right; }<br />
<br />
.push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; } }<br />
@media only screen and (min-width: 64.063em) {<br />
.large-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.large-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.large-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.large-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.large-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.large-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.large-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.large-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.large-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.large-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.large-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.large-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.large-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.large-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.large-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.large-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.large-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.large-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.large-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.large-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.large-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.large-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.large-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.large-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.large-1 {<br />
width: 8.33333%; }<br />
<br />
.large-2 {<br />
width: 16.66667%; }<br />
<br />
.large-3 {<br />
width: 25%; }<br />
<br />
.large-4 {<br />
width: 33.33333%; }<br />
<br />
.large-5 {<br />
width: 41.66667%; }<br />
<br />
.large-6 {<br />
width: 50%; }<br />
<br />
.large-7 {<br />
width: 58.33333%; }<br />
<br />
.large-8 {<br />
width: 66.66667%; }<br />
<br />
.large-9 {<br />
width: 75%; }<br />
<br />
.large-10 {<br />
width: 83.33333%; }<br />
<br />
.large-11 {<br />
width: 91.66667%; }<br />
<br />
.large-12 {<br />
width: 100%; }<br />
<br />
.large-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.large-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.large-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.large-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.large-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.large-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.large-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.large-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.large-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.large-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.large-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.large-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.large-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.large-centered,<br />
.columns.large-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.large-uncentered,<br />
.columns.large-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.large-centered:last-child,<br />
.columns.large-centered:last-child {<br />
float: none; }<br />
<br />
.column.large-uncentered:last-child,<br />
.columns.large-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.large-uncentered.opposite,<br />
.columns.large-uncentered.opposite {<br />
float: right; }<br />
<br />
.push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; } }<br />
.text-left {<br />
text-align: left !important; }<br />
<br />
.text-right {<br />
text-align: right !important; }<br />
<br />
.text-center {<br />
text-align: center !important; }<br />
<br />
.text-justify {<br />
text-align: justify !important; }<br />
<br />
@media only screen and (max-width: 40em) {<br />
.small-only-text-left {<br />
text-align: left !important; }<br />
<br />
.small-only-text-right {<br />
text-align: right !important; }<br />
<br />
.small-only-text-center {<br />
text-align: center !important; }<br />
<br />
.small-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen {<br />
.small-text-left {<br />
text-align: left !important; }<br />
<br />
.small-text-right {<br />
text-align: right !important; }<br />
<br />
.small-text-center {<br />
text-align: center !important; }<br />
<br />
.small-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 40.063em) and (max-width: 64em) {<br />
.medium-only-text-left {<br />
text-align: left !important; }<br />
<br />
.medium-only-text-right {<br />
text-align: right !important; }<br />
<br />
.medium-only-text-center {<br />
text-align: center !important; }<br />
<br />
.medium-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 40.063em) {<br />
.medium-text-left {<br />
text-align: left !important; }<br />
<br />
.medium-text-right {<br />
text-align: right !important; }<br />
<br />
.medium-text-center {<br />
text-align: center !important; }<br />
<br />
.medium-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 64.063em) and (max-width: 90em) {<br />
.large-only-text-left {<br />
text-align: left !important; }<br />
<br />
.large-only-text-right {<br />
text-align: right !important; }<br />
<br />
.large-only-text-center {<br />
text-align: center !important; }<br />
<br />
.large-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 64.063em) {<br />
.large-text-left {<br />
text-align: left !important; }<br />
<br />
.large-text-right {<br />
text-align: right !important; }<br />
<br />
.large-text-center {<br />
text-align: center !important; }<br />
<br />
.large-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 90.063em) and (max-width: 120em) {<br />
.xlarge-only-text-left {<br />
text-align: left !important; }<br />
<br />
.xlarge-only-text-right {<br />
text-align: right !important; }<br />
<br />
.xlarge-only-text-center {<br />
text-align: center !important; }<br />
<br />
.xlarge-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 90.063em) {<br />
.xlarge-text-left {<br />
text-align: left !important; }<br />
<br />
.xlarge-text-right {<br />
text-align: right !important; }<br />
<br />
.xlarge-text-center {<br />
text-align: center !important; }<br />
<br />
.xlarge-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {<br />
.xxlarge-only-text-left {<br />
text-align: left !important; }<br />
<br />
.xxlarge-only-text-right {<br />
text-align: right !important; }<br />
<br />
.xxlarge-only-text-center {<br />
text-align: center !important; }<br />
<br />
.xxlarge-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 120.063em) {<br />
.xxlarge-text-left {<br />
text-align: left !important; }<br />
<br />
.xxlarge-text-right {<br />
text-align: right !important; }<br />
<br />
.xxlarge-text-center {<br />
text-align: center !important; }<br />
<br />
.xxlarge-text-justify {<br />
text-align: justify !important; } }<br />
/* Typography resets */<br />
div,<br />
dl,<br />
dt,<br />
dd,<br />
ul,<br />
ol,<br />
li,<br />
h1,<br />
h2,<br />
h3,<br />
h4,<br />
h5,<br />
h6,<br />
h0,<br />
pre,<br />
form,<br />
p,<br />
blockquote,<br />
th,<br />
td {<br />
margin: 0;<br />
padding: 0; }<br />
<br />
/* Default Link Styles */<br />
a {<br />
color: #000000;<br />
text-decoration: none;<br />
line-height: inherit; }<br />
<br />
<br />
a.one:hover { color: #eaea13; }<br />
a.two:hover { color: #fbb03b; }<br />
a.three:hover { color: #dbef20; }<br />
a.four:hover { color: #a2d650; }<br />
a.five:hover { color: #4fcc36; }<br />
a.six:hover { color: #22b573; }<br />
a.seven:hover { color: #39b54a; }<br />
a.eight:hover { color: #00a99d; }<br />
a.nine:hover { color: #18d3a2; }<br />
a.ten:hover { color: #b2ae22; }<br />
<br />
<br />
a img {<br />
border: none; }<br />
<br />
/* Default paragraph styles */<br />
p {<br />
font-family: inherit;<br />
font-weight: normal;<br />
font-size: 1rem;<br />
line-height: 1.6;<br />
margin-bottom: 1.25rem;<br />
text-rendering: optimizeLegibility; }<br />
p.lead {<br />
font-size: 1.21875rem;<br />
line-height: 1.6; }<br />
p aside {<br />
font-size: 0.875rem;<br />
line-height: 1.35;<br />
font-style: italic; }<br />
<br />
/* Default header styles */<br />
h0, h1, h2, h3, h4, h5, h6 {<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
color: #000000;<br />
text-rendering: optimizeLegibility;<br />
margin-top: 0.2rem;<br />
margin-bottom: 0.5rem;<br />
line-height: 1.4; }<br />
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {<br />
font-size: 60%;<br />
color: #6f6f6f;<br />
line-height: 0; }<br />
<br />
h0 {<br />
font-size: .7rem;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: justify; }<br />
<br />
h1 {<br />
font-size: 2.125rem; }<br />
<br />
h2 {<br />
/* font-size: 1.6875rem; */<br />
font-size: 1.0rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
<br />
}<br />
<br />
h3 {<br />
font-size: 1.375rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h4 {<br />
font-size: 1.125rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h5 {<br />
font-size: 1.125rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 10px; }<br />
<br />
h6 {<br />
font-size: .8rem;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: justify; }<br />
<br />
.boxedmenu {<br />
border-bottom: 2px solid green;<br />
border-top: 2px solid green;<br />
margin-bottom: 25px;<br />
}<br />
<br />
.boxedimg {<br />
border-bottom: 2px solid #218282;<br />
border-top: 2px solid #218282;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
}<br />
<br />
h7 {<br />
/* font-size: 1.6875rem; */<br />
font-size: 1.3rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
.subheader {<br />
line-height: 1.4;<br />
color: #6f6f6f;<br />
font-weight: normal;<br />
margin-top: 0.2rem;<br />
margin-bottom: 0.5rem; }<br />
<br />
hr {<br />
border: solid #dddddd;<br />
border-width: 1px 0 0;<br />
clear: both;<br />
margin: 1.25rem 0 1.1875rem;<br />
height: 0; }<br />
<br />
/* Helpful Typography Defaults */<br />
em,<br />
i {<br />
font-style: italic;<br />
line-height: inherit; }<br />
<br />
strong,<br />
b {<br />
font-weight: bold;<br />
line-height: inherit; }<br />
<br />
small {<br />
font-size: 60%;<br />
line-height: inherit; }<br />
<br />
code {<br />
font-family: Consolas, "Liberation Mono", Courier, monospace;<br />
font-weight: bold;<br />
color: #910b0e; }<br />
<br />
/* Lists */<br />
ul,<br />
ol,<br />
dl {<br />
font-size: 1rem;<br />
line-height: 1.6;<br />
margin-bottom: 1.25rem;<br />
list-style-position: outside;<br />
font-family: inherit; }<br />
<br />
ul {<br />
margin-left: 1.1rem; }<br />
ul.no-bullet {<br />
margin-left: 0; }<br />
ul.no-bullet li ul,<br />
ul.no-bullet li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0;<br />
list-style: none; }<br />
<br />
/* Unordered Lists */<br />
ul li ul,<br />
ul li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0; }<br />
ul.square li ul, ul.circle li ul, ul.disc li ul {<br />
list-style: inherit; }<br />
ul.square {<br />
list-style-type: square;<br />
margin-left: 1.1rem; }<br />
ul.circle {<br />
list-style-type: circle;<br />
margin-left: 1.1rem; }<br />
ul.disc {<br />
list-style-type: disc;<br />
margin-left: 1.1rem; }<br />
ul.no-bullet {<br />
list-style: none; }<br />
<br />
/* Ordered Lists */<br />
ol {<br />
margin-left: 1.4rem; }<br />
ol li ul,<br />
ol li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0; }<br />
<br />
/* Definition Lists */<br />
dl dt {<br />
margin-bottom: 0.3rem;<br />
font-weight: bold; }<br />
dl dd {<br />
margin-bottom: 0.75rem; }<br />
<br />
/* Abbreviations */<br />
abbr,<br />
acronym {<br />
text-transform: uppercase;<br />
font-size: 90%;<br />
color: #000000;<br />
border-bottom: 1px dotted #dddddd;<br />
cursor: help; }<br />
<br />
abbr {<br />
text-transform: none; }<br />
<br />
/* Blockquotes */<br />
blockquote {<br />
margin: 0 0 1.25rem;<br />
padding: 0.5625rem 1.25rem 0 1.1875rem;<br />
border-left: 1px solid #dddddd; }<br />
blockquote cite {<br />
display: block;<br />
font-size: 0.8125rem;<br />
color: #555555; }<br />
blockquote cite:before {<br />
content: "\2014 \0020"; }<br />
blockquote cite a,<br />
blockquote cite a:visited {<br />
color: #555555; }<br />
<br />
blockquote,<br />
blockquote p {<br />
line-height: 1.6;<br />
color: #6f6f6f; }<br />
<br />
/* Microformats */<br />
.vcard {<br />
display: inline-block;<br />
margin: 0 0 1.25rem 0;<br />
border: 1px solid #dddddd;<br />
padding: 0.625rem 0.75rem; }<br />
.vcard li {<br />
margin: 0;<br />
display: block; }<br />
.vcard .fn {<br />
font-weight: bold;<br />
font-size: 0.9375rem; }<br />
<br />
.vevent .summary {<br />
font-weight: bold; }<br />
.vevent abbr {<br />
cursor: default;<br />
text-decoration: none;<br />
font-weight: bold;<br />
border: none;<br />
padding: 0 0.0625rem; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
h0, h1, h2, h3, h4, h5, h6 {<br />
line-height: 1.4; }<br />
<br />
h0 {<br />
font-size: .7rem;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: left; }<br />
<br />
h1 {<br />
font-size: 2.75rem; }<br />
<br />
h2 {<br />
/* font-size: 2.3125rem; */<br />
font-size: 1.3rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
h3 {<br />
font-size: 1.6875rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h4 {<br />
font-size: 1.4375rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h5 {<br />
font-size: 1.4375rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 10px; }<br />
<br />
h6 {<br />
font-size: 1rem;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: left; <br />
} <br />
<br />
h7 {<br />
/* font-size: 2.3125rem; */<br />
font-size: 1.0rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
}<br />
<br />
/* ====== CSS Added ======<br />
<br />
img{<br />
width: 80px;<br />
height: 80px;<br />
position: absolute;<br />
left: 0px;<br />
top:-6px;<br />
}<br />
<br />
====== CSS Added End ====== */<br />
<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
/*<br />
* Print styles.<br />
*<br />
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/<br />
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)<br />
*/<br />
.print-only {<br />
display: none !important; }<br />
<br />
@media print {<br />
* {<br />
background: transparent !important;<br />
color: black !important;<br />
/* Black prints faster: h5bp.com/s */<br />
box-shadow: none !important;<br />
text-shadow: none !important; }<br />
<br />
a,<br />
a:visited {<br />
text-decoration: underline; }<br />
<br />
a[href]:after {<br />
content: " (" attr(href) ")"; }<br />
<br />
abbr[title]:after {<br />
content: " (" attr(title) ")"; }<br />
<br />
.ir a:after,<br />
a[href^="javascript:"]:after,<br />
a[href^="#"]:after {<br />
content: ""; }<br />
<br />
pre,<br />
blockquote {<br />
border: 1px solid #999999;<br />
page-break-inside: avoid; }<br />
<br />
thead {<br />
display: table-header-group;<br />
/* h5bp.com/t */ }<br />
<br />
tr,<br />
img {<br />
page-break-inside: avoid; }<br />
<br />
img {<br />
max-width: 100% !important; }<br />
<br />
@page {<br />
margin: 0.5cm; }<br />
<br />
p,<br />
h2,<br />
h3 {<br />
orphans: 3;<br />
widows: 3; }<br />
<br />
h2,<br />
h3 {<br />
page-break-after: avoid; }<br />
<br />
.hide-on-print {<br />
display: none !important; }<br />
<br />
.print-only {<br />
display: block !important; }<br />
<br />
.hide-for-print {<br />
display: none !important; }<br />
<br />
.show-for-print {<br />
display: inherit !important; } }<br />
.reveal-modal-bg {<br />
position: fixed;<br />
height: 100%;<br />
width: 100%;<br />
background: black;<br />
background: rgba(0, 0, 0, 0.45);<br />
z-index: 99;<br />
display: none;<br />
top: 0;<br />
left: 0; }<br />
<br />
dialog, .reveal-modal {<br />
visibility: hidden;<br />
display: none;<br />
position: absolute;<br />
z-index: 100;<br />
width: 100vw;<br />
top: 0;<br />
left: 0;<br />
background-color: white;<br />
padding: 1.25rem;<br />
border: solid 1px #666666;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }<br />
@media only screen and (max-width: 40em) {<br />
dialog, .reveal-modal {<br />
min-height: 100vh; } }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
left: 50%; } }<br />
dialog .column,<br />
dialog .columns, .reveal-modal .column,<br />
.reveal-modal .columns {<br />
min-width: 0; }<br />
dialog > :first-child, .reveal-modal > :first-child {<br />
margin-top: 0; }<br />
dialog > :last-child, .reveal-modal > :last-child {<br />
margin-bottom: 0; }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
margin-left: -40%;<br />
width: 80%; } }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
top: 6.25rem; } }<br />
dialog .close-reveal-modal, .reveal-modal .close-reveal-modal {<br />
font-size: 2.5rem;<br />
line-height: 1;<br />
position: absolute;<br />
top: 0.5rem;<br />
right: 0.6875rem;<br />
color: #aaaaaa;<br />
font-weight: bold;<br />
cursor: pointer; }<br />
<br />
dialog[open] {<br />
display: block;<br />
visibility: visible; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
padding: 1.875rem; }<br />
dialog.radius, .reveal-modal.radius {<br />
border-radius: 3px; }<br />
dialog.round, .reveal-modal.round {<br />
border-radius: 1000px; }<br />
dialog.collapse, .reveal-modal.collapse {<br />
padding: 0; }<br />
dialog.full, .reveal-modal.full {<br />
top: 0;<br />
left: 0;<br />
height: 100vh;<br />
min-height: 100vh;<br />
margin-left: 0 !important; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.tiny, .reveal-modal.tiny {<br />
margin-left: -15%;<br />
width: 30%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.small, .reveal-modal.small {<br />
margin-left: -20%;<br />
width: 40%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.medium, .reveal-modal.medium {<br />
margin-left: -30%;<br />
width: 60%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.large, .reveal-modal.large {<br />
margin-left: -35%;<br />
width: 70%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.xlarge, .reveal-modal.xlarge {<br />
margin-left: -47.5%;<br />
width: 95%; } }<br />
<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.full, .reveal-modal.full {<br />
margin-left: -50vw;<br />
width: 100vw; } }<br />
<br />
@media print {<br />
dialog, .reveal-modal {<br />
background: white !important; } }<br />
button, .button {<br />
border-style: solid;<br />
border-width: 0px;<br />
cursor: pointer;<br />
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: normal;<br />
line-height: normal;<br />
margin: 0 0 1.25rem;<br />
position: relative;<br />
text-decoration: none;<br />
text-align: center;<br />
-webkit-appearance: none;<br />
-webkit-border-radius: 0;<br />
display: inline-block;<br />
padding-top: 1rem;<br />
padding-right: 2rem;<br />
padding-bottom: 1.0625rem;<br />
padding-left: 2rem;<br />
font-size: 1rem;<br />
background-color: #2ba6cb;<br />
border-color: #2285a2;<br />
color: white;<br />
transition: background-color 300ms ease-out; }<br />
button:hover, button:focus, .button:hover, .button:focus {<br />
background-color: #2285a2; }<br />
button:hover, button:focus, .button:hover, .button:focus {<br />
color: white; }<br />
button.secondary, .button.secondary {<br />
background-color: #e9e9e9;<br />
border-color: #2285a2;<br />
color: #333333; }<br />
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {<br />
background-color: #2285a2; }<br />
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {<br />
color: #333333; }<br />
button.success, .button.success {<br />
background-color: #5da423;<br />
border-color: #2285a2;<br />
color: white; }<br />
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {<br />
background-color: #2285a2; }<br />
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {<br />
color: white; }<br />
button.alert, .button.alert {<br />
background-color: #c60f13;<br />
border-color: #2285a2;<br />
color: white; }<br />
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {<br />
background-color: #2285a2; }<br />
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {<br />
color: white; }<br />
button.large, .button.large {<br />
padding-top: 1.125rem;<br />
padding-right: 2.25rem;<br />
padding-bottom: 1.1875rem;<br />
padding-left: 2.25rem;<br />
font-size: 1.25rem; }<br />
button.small, .button.small {<br />
padding-top: 0.875rem;<br />
padding-right: 1.75rem;<br />
padding-bottom: 0.9375rem;<br />
padding-left: 1.75rem;<br />
font-size: 0.8125rem; }<br />
button.tiny, .button.tiny {<br />
padding-top: 0.625rem;<br />
padding-right: 1.25rem;<br />
padding-bottom: 0.6875rem;<br />
padding-left: 1.25rem;<br />
font-size: 0.6875rem; }<br />
button.expand, .button.expand {<br />
padding-right: 0;<br />
padding-left: 0;<br />
width: 100%; }<br />
button.left-align, .button.left-align {<br />
text-align: left;<br />
text-indent: 0.75rem; }<br />
button.right-align, .button.right-align {<br />
text-align: right;<br />
padding-right: 0.75rem; }<br />
button.radius, .button.radius {<br />
border-radius: 3px; }<br />
button.round, .button.round {<br />
border-radius: 1000px; }<br />
button.disabled, button[disabled], .button.disabled, .button[disabled] {<br />
background-color: #2ba6cb;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
background-color: #2285a2; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
color: white; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
background-color: #2ba6cb; }<br />
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {<br />
background-color: #e9e9e9;<br />
border-color: #2285a2;<br />
color: #333333;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
background-color: #2285a2; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
color: #333333; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
background-color: #e9e9e9; }<br />
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {<br />
background-color: #5da423;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
background-color: #2285a2; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
color: white; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
background-color: #5da423; }<br />
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {<br />
background-color: #c60f13;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
background-color: #2285a2; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
color: white; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
background-color: #c60f13; }<br />
<br />
button::-moz-focus-inner {<br />
border: 0;<br />
padding: 0; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
button, .button {<br />
display: inline-block; } }<br />
<br />
/* ====== Remove MediaWiki Look ====== */<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
<br />
/* Redesigning the topmenu */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;<br />
z-index: 1000;}<br />
#menubar {<br />
color: #000000;<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
line-height: 1;<br />
top: 9px;<br />
z-index: 2000;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: #cccccc;}<br />
#menubar:hover li a {<br />
color: #cccccc;}<br />
.left-menu .noprint ul li .new a {<br />
text-decoration: none;<br />
}<br />
a:hover, a:visited, a:link, a:active<br />
{<br />
text-decoration: none;<br />
}<br />
a:visited {<br />
color: black;<br />
}</div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability
Team:StanfordBrownSpelman/Biodegradability
2014-10-16T21:33:36Z
<p>Angelofspeed: </p>
<hr />
<div><html class="no-js" lang="en"><br />
<head><br />
<meta charset="utf-8" /><br />
<meta name="description" content="iGEM Wiki 2014"><br />
<meta name="author" content="Stanford–Brown–Spelman iGEM 2014"><br />
<meta name="keywords" content="synthetic, biology, Brown, Stanford, Spelman, NASA, Ames, iGEM, bioengineering, cellulose, acetate, wasps, waterproofing, synbio, biodegradability, 2014, hell, cell, radiation, amberless, drone, uav, unmanned, aerial, vehicle, university, lynn, rothschild"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Stanford–Brown–Spelman iGEM 2014 — Amberless Hell Cell</title><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:StanfordBrownSpelman/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/modernizr?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.2.0.3?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Scroll Animation ====== --><br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.scroll?action=raw&ctype=text/js"></script><br />
<br />
<br />
<!-- ====== Mobile Site ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.mobilesite?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Color Randomizer ====== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.color_hover?action=raw&ctype=text/js"></script><br />
<br />
<!-- ======= Icon Rotate ======== --><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.icon_rotate?action=raw&ctype=text/js"></script><br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/jquery.rotate?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== End ====== --><br />
<br />
</head><br />
<body><br />
<br />
<script type="text/javascript" src="https://2014.igem.org/Team:StanfordBrownSpelman/navigation.html?action=raw&ctype=text/js"></script><br />
<br />
<!-- ====== Project Header ====== --><br />
<br />
<div class="row"><br />
<div class="small-5 small-centered columns projecticon-cellulose-acetate"><img class="projecticon-cellulose-acetate" src="https://static.igem.org/mediawiki/2014/7/71/SBS_iGEM_2014_Biodegradation.png"/><br />
</div><br />
<div id="header" class="small-8 small-centered columns"><br />
<h3><center><a href="https://2014.igem.org/Team:StanfordBrownSpelman/Biodegradability">Biodegradability</a></h3><br />
<div class="boxedmenu"><h7><center><a href="#" id="intro">Introduction</a> ● <a href="#" id="methods">Methods</a> ● <a href="#" id="data">Results</a> ● <a href="#" id="links">References</a> ● <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks#B">BioBricks</a></h7></div><br />
<h6 id="int"><br />
<center><iframe width="420" height="315" src="//www.youtube.com/embed/PgdF8xIAh8c" frameborder="0" allowfullscreen></iframe><br><br></center><br />
Creating a biodegradable drone will reduce collateral waste, lightening the footprint of unmanned science missions on planetary environments and microecosystems. Since we are using BCOAc for the construction of our drone, we plan on transforming E. coli with two genes obtained from Niesseria sicca, which synthesizes enzymes capable of degrading BCOAc; the first gene is an esterase which deacetylates the BCOAc, and the second is endo-1,4-beta-glucanase, a cellulase which speeds BC degradation. In order to trigger the onset and spread of degradation, we are investigating pressure-sensitive promoters (to simulate impact) and time-sensitive promoters linked to bacterial quorum sensing machinery. Quorum sensing allows the signal for degradation to spread to surrounding cells, enabling the complete breakdown of our biomaterials from a single point of impact.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 1 ====== --><br />
<br />
<div class="row"><br />
<div id="process" class="small-3 small-centered columns cells4"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Methods ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Approach & Methods</h5><br />
<h6>Methods here.</h6> </div></div><br />
<div class="small-7 small-centered columns"><br><center><img src="https://static.igem.org/mediawiki/2014/6/6e/SBS_iGEM_2014_photo_placeholder.png"><br><br />
<h6><center><b>Figure 1.</b> Figure caption here.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<h6>More methods here. <br />
<br />
<div class="sub4"><a href="work/PUT-PDF-REFERENCE-HEREpdf" target="_blank"><img src="https://static.igem.org/mediawiki/2014/2/25/SBS_iGEM_2014_download.png"></a><a href="work/PUT-PDF-REFERENCE-HEREpdf">Click here to go to our project journal, which details our design and engineering process and included descriptions of the protocols we developed and used.</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Cell Spacer 2 ====== --><br />
<br />
<div class="row"><br />
<div id="results" class="small-3 small-centered columns cells8"><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Results ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Results</h5><br />
<h6><br />
Our goal for this project was not only to isolate biodegradation enzymes but also to control the release of these enzymes, so that our UAV would not degrade uncontrollably. In order to control the initiation of biodegradation, we first considered using a pressure sensor. This would allow the UAV to begin degrading after the impact of a crash. The 2008 Tokyo Tech iGem team found that the ptet promoter was pressure sensitive and increased its activity 3-fold after undergoing 30 MPa of pressure. We got their construct from the distribution kit and tested its functionality by monitoring GFP expression. We found that this promoter is always turned on even at very low pressures (The cells were bright green even with no pressure at all). When we introduced a repressor for the Ptet promoter, we found out that the repressor is too strong, and even at high pressures, the Ptet promoter will still be repressed. The photo and graphs below show our testing of the Ptet promoter in the presence and absence of the Tet repressor. </h6><br><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/a5/Ptet_promoter_testing.png><br><br />
<h6><center>This graph shows that there was not a clear correlation between the amount of pressure applied on the ptet promoter to the amount of GFP expression: For instance, application of 14000rpm pressure on cells with ptet promoter for 30 seconds led to production of less fluorescence than application of 5000rpm pressure to the same batch of cells.When Tet Repressor was used, its effect was too strong and we could not find a repressor that could inhibit ptet just enough to control the biodegradation process</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6><br />
On top of testing the ptet promoter, we analyzed the impact a crash would have on our UAV by using a force plate ,and we found it unlikely that the impact of the crash would ever reach as high a pressure as 30 MPa, based on projections from the data we collected. (see graph below). <br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/ac/Sbs_igem_forceplategraph.png><br><br />
<h6><center>We measured the pressure upon impact of an object similar in shape and weight to our UAV. We took measurements by dropping or throwing the object from various heights and angles. Based on our data, it is projected that even from a drop height of 10m, the pressure upon impact would not even be 1 MPa, making it unlikely that any crash would ever cause 30 MPa of pressure.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br></br><br />
<br />
<h6>We next tried to initiate degradation using a light sensor, which would activate degradation in the darkness, allowing our UAV to have a flight time of one day. We planned to do this using the construct from the UT Austin and UCSF 2004 Coliroid project. However, the strain of E. coli (EnvZ) that we needed to work with to use this construct was resistant to all 4 of the main antibiotics we had in our lab, making the bacteria difficult and expensive to work with.<h6><br />
<br />
<br></br><br />
<br />
<h6>Finally, we decided to use quorum sensing as a means of creating a time delay for initiation of degradation. Two previous constructs, BBa_I13202 and BBa_T9002, when combined, create a quorum sensing cascade used to initiate expression of GFP. We ligated these two parts together to create our novel part, BBa_K1499500, which we used for our assays. We found that, in lac deficient cells, the quorum sensing construct can be initiated by induction with IPTG. After this induction, GFP expression increases with time, implying that the construct is doing its job. Our data for this assay is shown below. <br />
</div></div></h6><br />
<br />
<br></br><br />
<div class="row"><br />
<h5><center>Quorum Sensing Data</h5> <br></br><br />
<img class="fitAll" src="https://static.igem.org/mediawiki/2014/f/fc/NEGATIVE_CONTROL_TABLE.png"><br />
<img class="fitAll" src="https://static.igem.org/mediawiki/2014/3/3f/IPTG-NEGATIVE_TABLE.png"><br />
<img class="fitAll" src="https://static.igem.org/mediawiki/2014/b/b1/IPTG-POSITIVE_TABLE.png"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/1/1d/NEGATIVE_CONTROL_GRAPH.JPG"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/1/18/GFP_IPTG_NEGATIVE.JPG"><br />
<img class="reduceSize" src="https://static.igem.org/mediawiki/2014/4/43/GFP_IPTG_POSITIVE.JPG"><br />
<h6><center><b>Figure 1. Flow-Cytometer Data & Graphs: </b></h6><h0 class="introText"> The three graphs and tables above represent the flow-cytometer data obtained from three samples of lac-deficient E. coli cells. One of the samples was a negative control of LB-cultured E. coli cells (Negative Control), and the other two samples (IPTG-Positive and IPTG-Negative) had the GFP-quorum sensing construct. The IPTG-Positive sample had a ~6X increase in GFP expression over the background IPTG-Negative cells, showing our construct worked correctly.</center></h0><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <h6 class="introText"><br />
Flow-cytometry is a laser-based technology that has a wide-range of uses, including multiparametric cell counting and cell sorting. In this study, we utilized the cell counting ability of a flow cytometer in order to determine how many of our cells were expressing GFP after being induced with IPTG (a lac analog). The “X-Median” seen on the three tables above shows the fluorescence intensity of all of the cells that were counted that were not considered dead (Median). <br />
Each sample measured 50,000 cells (Seen under All Events - Count), and then counted all of the cells that were alive (Median - Count), where each sample had between 47,000 and 49,000 live cells. From the data, and as illustrated in the graphs above, we can gather that the fluorescence intensity (X-Median) of the LB only cells was approximately 63 arbitrary fluorescence units (AFU), the IPTG-negative cells was ~17,000 AFU, and the intensity of the IPTG-positive cells was ~107,000 AFU, meaning that the IPTG-positive quorum sensing cells increased fluorescence intensity over 6X the background intensity (IPTG-negative cells).<br />
These results indicate that our quorum sensing construct works and greatly increases GFP expression when activated through IPTG-induction. The IPTG-negative cells also expressed some non-negligible degree of GFP, which suggests that the construct could still be improved further. However, the successful proof of concept of our quorum sensing construct is incredibly promising and allows us to proceed toward the next step.<br />
<br />
<br></br><br />
<br />
Since we know that the quorum sensing construct is functional and inducible with IPTG. We can now work towards replacing the GFP gene with the genes for our degradation enzymes, allowing us to control degradation by applying IPTG at different time points.<br />
<br />
<br></br><br />
<br />
In conjunction with working on controlling the initiation of degradation, we simultaneously worked with two degradation enzymes, esterase and cellulase. Both of these genes are isolated from the organism Neisseria sicca; the esterase is designed to de-acetylate cellulose acetate (our building material), and the cellulase breaks down the leftover cellulose into glucose monomers. <br />
<br />
After successfully transforming the esterase gene into E. coli, and confirming via colony PCR, we grew up a large culture of transformed cells and used this to extract and purify the esterase protein.<br />
<br />
<br></br><br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/3/30/Sbs_igem_esterasepcrfinal.jpg><br><br />
<h6><center>This is an image of a gel electrophoresis done after running colony PCR with E. coli colonies transformed with our esterase gene. The esterase gene is approximately 1.5 kB, so this gel confirmed our transformation had worked, allowing us to proceed to protein purification.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/a/a9/Sbs_igem_esteraseproteingelfinal.jpg><br><br />
<h6><center>This is the SDS-page gel that was run after purifying the esterase protein from bacteria. The band is at 43 kDa, which is the expected size of the esterase protein.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br></br><br />
<br />
<h6>Once we had isolated our protein we were able to do functional assays with the esterase enzyme. By using a cellulose-binding dye that selectively binds to cellulose and not cellulose acetate, we were able to test whether or not the esterase enzyme was effective in de-acetylating commercial grade cellulose acetate. We soaked the cellulose acetate in the esterase protein at its optimal temperature of 30ºC and tested with the stain at multiple points. The results of our assay (shown below) demonstrate that over time the protein was working to degrade the cellulose acetate, as the blue stain intensity increased over time. In the future, we can better characterize our esterase protein by doing assays with more replicates, longer time periods, and varying amounts of protein.<h6><br />
<br />
<br></br><br />
<br />
</div></div><br />
<div class="small-7 small-centered columns"><br><center><img src=https://static.igem.org/mediawiki/2014/6/62/Sbs_igem_esteraseassayfinalfinal.jpg><br><br />
<h6><center>This image shows the results from our staining assay on cellulose acetate. The pieces of cellulose acetate were soaked in esterase enzyme for varying amounts of time before their level of degradation was tested using the blue cellulose-binding dye.</center></h6><br />
</div><br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"> <br />
<br></br><br />
<br />
<h6>We are currently working on functional assays of the cellulase gene, and have submitted it as a <a href="https://2014.igem.org/Team:StanfordBrownSpelman/BioBricks">BioBrick </a><a href="http://parts.igem.org/Part:BBa_K1499501">(BBa_K1499501)</a>.<h6><br />
<br />
<br />
<br />
<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 4 ====== --><br />
<br />
<div class="row"><br />
<div id="references" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Links & References ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>References</h5><br />
<h6><br />
Suspendisse volutpat sem eu ornare tincidunt. Mauris pharetra sed justo vitae sodales. Nulla in sodales tortor, placerat tempor dui.<br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Have a link or reference? Put it here!</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Link, acknowledgement, or reference 2</a></div><br />
<div class="sub5"><a href="work/PUT-PDF-REFERENCE-HEREpdf">● Additional links, acknowledgements, and references</a></div><br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 5 ====== --><br />
<br />
<div class="row"><br />
<div class="small-3 small-centered columns cells5"><br />
</div><br />
</div><br />
<br />
<!-- ====== Additional Information ====== --><br />
<br />
<div class="row"><br />
<div id="subheader" class="small-8 small-centered columns"><br />
<h5><center>Additional Information</h5><br />
<h6><br />
Try to avoid having any additional information here. We're trying to keep our site organized, clean, and compelling!<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Cell Spacer 6 ====== --><br />
<br />
<div class="row"><br />
<div id="precontact" class="small-3 small-centered columns cells3"><br />
</div><br />
</div><br />
<br />
<!-- ====== Contact Us & Team CV ====== --><br />
<br />
<div class="row"><br />
<div id="connect" class="small-8 small-centered columns"><br />
<div><a href = http://twitter.com/SBSiGEM2014><img src="https://static.igem.org/mediawiki/2014/9/9f/SBS_iGEM_2014_twitter.png"></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/sbs_igem_2014"><img src="https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_insta.png"></a>&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:Stanford-Brown"><img src="https://static.igem.org/mediawiki/2014/9/96/SBS_iGEM_2014_link.png"></a></div><br />
<br><br />
<h6><br />
<div class="plainlinks"><br />
<a class="links" href="mailto:sbsigem2014@googlegroups.com">sbsigem@googlegroups.com</a><br />
</div><br />
<div><br />
<a class="links" href="https://static.igem.org/mediawiki/2014/8/86/Stanford-Brown-Spelman_Past_And_Present_Projects.pdf" target="_blank">View our Complete Project List</a><br />
</div><br />
<div><br />
<a class="links" href="https://2014.igem.org/Team:StanfordBrownSpelman/Meet_Our_Team" target="_blank">Meet our team!</a><br />
</div><br />
</h6><br />
</div><br />
</div><br />
<br />
<br />
<!-- ====== Footer ====== --><br />
<br />
<div class="row"><br />
<div id="closing" class="small-8 small-centered columns"><br />
<h6><br />
Built atop Foundation. Content &amp Development &copy; Stanford–Brown–Spelman iGEM 2014.<br />
</h6><br />
</div><br />
</div><br />
<br />
<!-- ====== Page Content End ====== --><br />
<br />
<!-- ====== Body End ====== --><br />
<br />
</body><br />
</html></div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/stylesheet
Team:StanfordBrownSpelman/stylesheet
2014-10-16T21:32:47Z
<p>Angelofspeed: </p>
<hr />
<div>/* ====== CSS Added ====== */<br />
<br />
::selection {<br />
background: #cccccc; /* WebKit/Blink Browsers */<br />
}<br />
::-moz-selection {<br />
background: #cccccc; /* Gecko Browsers */<br />
}<br />
<br />
/*<br />
#roof, #bottom, #left, #right {<br />
position: fixed;<br />
}<br />
#left, #right {<br />
z-index: 3000;<br />
top: 0; bottom: 0;<br />
width: 10px;<br />
}<br />
#left { left: 0; background: #000000 }<br />
#right { right: 0; background: #000000 }<br />
<br />
#roof, #bottom {<br />
z-index: 3000;<br />
left: 0; right: 0;<br />
height: 10px;<br />
}<br />
#roof { top: 0; background: #000000 }<br />
#bottom { bottom: 0; background: #000000 }<br />
*/<br />
<br />
<br />
.circle {<br />
box-shadow: inset 0px 0px 60px #ffffff;<br />
<br />
background-color: #f9f4f2;<br />
z-index: -100;<br />
border-radius: 50%;<br />
width: 480px;<br />
height: 480px;<br />
position: relative;<br />
left: 50%;<br />
top: 50%;<br />
<br />
/*<br />
* Where the magic happens<br />
* Centering method from CSS Tricks<br />
* http://css-tricks.com/centering-percentage-widthheight-elements/<br />
*/<br />
transform: translate(-50%, -50%);<br />
-webkit-transform: translate(-50%, -50%);<br />
-o-transform: translate(-50%, -50%);<br />
-ms-transform: translate(-50%, -50%);<br />
}<br />
<br />
.title {<br />
width:100%;<br />
text-align:center;<br />
margin:auto;<br />
position:absolute;<br />
top:18px;<br />
z-index:2000;<br />
}<br />
.wiki {<br />
position:fixed;<br />
top:18px;<br />
right:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.projects {<br />
position:fixed;<br />
top:18px;<br />
left:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.team {<br />
position:fixed;<br />
bottom:10px;<br />
left:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.contact {<br />
position:fixed;<br />
bottom: 10px;<br />
right:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
<br />
/* FOR BIO D PAGE */<br />
/***************************/<br />
<br />
.fitAll {<br />
height: 200px;<br />
max-width:300px;<br />
margin-bottom: 1px;<br />
}<br />
<br />
.reduceSize {<br />
height: 250px;<br />
margin-right: 60px;<br />
margin-bottom: 20px;<br />
}<br />
/***************************/<br />
#iGEMimagelogomain img {<br />
width: 50px;<br />
}<br />
<br />
<br />
/* ====== SPLASH ====== */<br />
<br />
#globalWrapper {<br />
background-size: cover;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
}<br />
<br />
#landing {<br />
width: 100%;<br />
height: 700px;<br />
background-image: url("https://static.igem.org/mediawiki/2014/7/71/SBSiGEM_Drone_Map_1.png");<br />
background-size: cover;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
z-index: 6000;<br />
position: relative;<br />
overflow: hidden;<br />
text-align: center;<br />
}<br />
<br />
#title{<br />
font-size: 64pt;<br />
line-height: 70pt;<br />
color: black;<br />
font-family: 'Montserrat', Futura, Arial, sans-serif;<br />
text-shadow: 6px 6px 12px rgba(0,0,0, .25);<br />
opacity:0.95;<br />
}<br />
<br />
#name {<br />
position: absolute;<br />
left: 50%;<br />
top: 50%;<br />
<br />
/*<br />
* Where the magic happens<br />
* Centering method from CSS Tricks<br />
* http://css-tricks.com/centering-percentage-widthheight-elements/<br />
*/<br />
transform: translate(-50%, -50%);<br />
-webkit-transform: translate(-50%, -50%);<br />
-o-transform: translate(-50%, -50%);<br />
-ms-transform: translate(-50%, -50%);<br />
}<br />
<br />
<br />
/* ====== Remainder ====== */<br />
<br />
nav {<br />
position: fixed;<br />
left: 0;<br />
right: 0;<br />
top: 0;<br />
z-index: 10000;<br />
font-size: 12pt;<br />
<br />
height: 45px;<br />
}<br />
<br />
nav .links {<br />
float: left;<br />
padding: 10px;<br />
}<br />
nav .links:hover{<br />
opacity: .6;<br />
}<br />
<br />
nav .links:active{<br />
background-color: transparent;<br />
}<br />
<br />
#about{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#about img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 50px;<br />
}<br />
<br />
#about .sub{<br />
padding-left: 110px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
#bioBrick{<br />
margin-top: 10px;<br />
margin-bottom: 10px;<br />
}<br />
<br />
#bioBrick img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 25px;<br />
}<br />
<br />
#bioBrick .sub{<br />
padding-left: 85px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
#bioBrickFinal{<br />
margin-top: 10px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#bioBrickFinal img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 25px;<br />
}<br />
<br />
#bioBrickFinal .sub{<br />
padding-left: 85px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
.projecticon-bio-bricks{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
#work{<br />
margin-top: 30px;<br />
}<br />
<br />
#work img{<br />
width: 115px;<br />
height: 115px;<br />
position: absolute;<br />
left: 0px;<br />
top:-6px;<br />
}<br />
<br />
#work .sub2{<br />
left: 90px;<br />
padding-left: 140px;<br />
position: relative;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#work .sub3{<br />
left: 0px;<br />
padding-left: 140px;<br />
position: relative;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#thanks{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#connect{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#connect img{<br />
width: 70px;<br />
height: 70px;<br />
position: relative;<br />
left: 0px;<br />
top: 0px;<br />
}<br />
<br />
#mobile1{<br />
margin-top: 10px;<br />
margin-bottom: 8px;<br />
}<br />
<br />
#mobile2{<br />
margin-top: 20px;<br />
margin-bottom: 20px;<br />
}<br />
<br />
#mobile2 img{<br />
width: 40px;<br />
height: 40px;<br />
position: relative;<br />
left: 0px;<br />
top: 0px;<br />
}<br />
<br />
div#closing a.external <br />
{<br />
background:none !important;<br />
padding: 0px !important;<br />
}<br />
<br />
#closing h6{<br />
margin-top: 30px;<br />
margin-bottom: 0px;<br />
padding-bottom: 20px; <br />
font-size: 8pt; <br />
color: #cccccc;<br />
}<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
#teamNoodle {<br />
}<br />
<br />
.placeholder{<br />
width:100%;<br />
max-width:800px;<br />
height:20px;<br />
background-image: white);<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 20px;<br />
}<br />
<br />
.placeholder2{<br />
width:100%;<br />
max-width:800px;<br />
height:30px;<br />
background-image: white);<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 20px;<br />
}<br />
<br />
.cells{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_cells.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells2{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/6/6a/SBS_iGEM_2014_cells2.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells3{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/9/99/SBS_iGEM_2014_cells3.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells4{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/8/81/SBS_iGEM_2014_cells4.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells5{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/e/ee/SBS_iGEM_2014_cells5.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells6{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/8/81/SBS_iGEM_2014_cells6.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells7{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/e/e2/SBS_iGEM_2014_cells7.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells8{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/4/49/SBS_iGEM_2014_cells8.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
/* ====== CSS for Sub-Pages ====== */<br />
<br />
.projecticon-cellulose-acetate{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
display:block;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-cellulose-acetate img{<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto;<br />
width: 162px;<br />
height: 162px;<br />
float: top;<br />
}<br />
<br />
.projecticon-hell-cell{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-waterproofing{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-biodegradation{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-human-practices{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-drone{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/d/dd/SBS_iGEM_2014_drone_icon.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-meet-team{<br />
width:130%;<br />
max-width:800px;<br />
height:573.89px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/c/c8/FullTeamPic.jpg");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:800px;<br />
margin-top: 10px;<br />
margin-bottom: 10px;<br />
}<br />
<br />
#header{<br />
margin-top: 10px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#photo{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#subheader{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#subheader .sub4{<br />
padding-left: 130px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader .subindent{<br />
padding-left: 50px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader img{<br />
width: 70px;<br />
height: 70px;<br />
top: -2px;<br />
position: absolute;<br />
left: 50px;<br />
}<br />
<br />
#subheader .sub5{<br />
padding-left: 55px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader .sub6{<br />
padding-left: 55px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
font-family:'Inconsolata', Helvetica, Arial, sans-serif;<br />
font-size: 13px;<br />
line-height: 8px;<br />
}<br />
<br />
#images{<br />
}<br />
<br />
#results{<br />
}<br />
<br />
#process{<br />
}<br />
<br />
#references{<br />
}<br />
<br />
<br />
/* ====== CSS Added Over ====== */<br />
<br />
<br />
<br />
<br />
<br />
<br />
meta.foundation-version {<br />
font-family: "/5.3.1/"; }<br />
<br />
meta.foundation-mq-small {<br />
font-family: "/only screen/";<br />
width: 0em; }<br />
<br />
meta.foundation-mq-medium {<br />
font-family: "/only screen and (min-width:40.063em)/";<br />
width: 40.063em; }<br />
<br />
meta.foundation-mq-large {<br />
font-family: "/only screen and (min-width:64.063em)/";<br />
width: 64.063em; }<br />
<br />
meta.foundation-mq-xlarge {<br />
font-family: "/only screen and (min-width:90.063em)/";<br />
width: 90.063em; }<br />
<br />
meta.foundation-mq-xxlarge {<br />
font-family: "/only screen and (min-width:120.063em)/";<br />
width: 120.063em; }<br />
<br />
meta.foundation-data-attribute-namespace {<br />
font-family: false; }<br />
<br />
html, body {<br />
height: 100%;<br />
}<br />
<br />
*,<br />
*:before,<br />
*:after {<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box; }<br />
<br />
html,<br />
body {<br />
font-size: 100%; }<br />
<br />
body {<br />
background: #ffffff;<br />
color: #00000;<br />
padding: 0;<br />
margin: 0;<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
line-height: 1;<br />
position: relative;<br />
/* cursor: url('../images/drone_cursor.png'), default; */<br />
cursor: default; }<br />
<br />
img {<br />
max-width: 100%;<br />
height: auto;<br />
margin-bottom: 4px; }<br />
<br />
/* IMAGE BOTTOM MARGIN MAY CAUSE PROBLEMS */<br />
<br />
img {<br />
-ms-interpolation-mode: bicubic; }<br />
<br />
#map_canvas img,<br />
#map_canvas embed,<br />
#map_canvas object,<br />
.map_canvas img,<br />
.map_canvas embed,<br />
.map_canvas object {<br />
max-width: none !important; }<br />
<br />
.left {<br />
float: left !important; }<br />
<br />
.right {<br />
float: right !important; }<br />
<br />
.clearfix:before, .clearfix:after {<br />
content: " ";<br />
display: table; }<br />
.clearfix:after {<br />
clear: both; }<br />
<br />
.hide {<br />
display: none; }<br />
<br />
.antialiased {<br />
-webkit-font-smoothing: antialiased;<br />
-moz-osx-font-smoothing: grayscale; }<br />
<br />
img {<br />
display: inline-block;<br />
vertical-align: middle; }<br />
<br />
textarea {<br />
height: auto;<br />
min-height: 50px; }<br />
<br />
select {<br />
width: 100%; }<br />
<br />
.introText {<br />
text-indent: 50px;<br />
} <br />
<br />
.row {<br />
width: 100%;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
max-width: 62.5em; }<br />
.row:before, .row:after {<br />
content: " ";<br />
display: table; }<br />
.row:after {<br />
clear: both; }<br />
.row.collapse > .column,<br />
.row.collapse > .columns {<br />
padding-left: 0;<br />
padding-right: 0; }<br />
.row.collapse .row {<br />
margin-left: 0;<br />
margin-right: 0; }<br />
.row .row {<br />
width: auto;<br />
margin-left: -0.9375em;<br />
margin-right: -0.9375em;<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
max-width: none; }<br />
.row .row:before, .row .row:after {<br />
content: " ";<br />
display: table; }<br />
.row .row:after {<br />
clear: both; }<br />
.row .row.collapse {<br />
width: auto;<br />
margin: 0;<br />
max-width: none; }<br />
.row .row.collapse:before, .row .row.collapse:after {<br />
content: " ";<br />
display: table; }<br />
.row .row.collapse:after {<br />
clear: both; }<br />
<br />
.column,<br />
.columns {<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
width: 100%;<br />
float: left; }<br />
<br />
[class*="column"] + [class*="column"]:last-child {<br />
float: right; }<br />
<br />
[class*="column"] + [class*="column"].end {<br />
float: left; }<br />
<br />
@media only screen {<br />
.small-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.small-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.small-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.small-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.small-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.small-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.small-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.small-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.small-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.small-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.small-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.small-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.small-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.small-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.small-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.small-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.small-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.small-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.small-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.small-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.small-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.small-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.small-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.small-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.small-1 {<br />
width: 8.33333%; }<br />
<br />
.small-2 {<br />
width: 16.66667%; }<br />
<br />
.small-3 {<br />
width: 25%; }<br />
<br />
.small-4 {<br />
width: 33.33333%; }<br />
<br />
.small-5 {<br />
width: 41.66667%; }<br />
<br />
.small-6 {<br />
width: 50%; }<br />
<br />
.small-7 {<br />
width: 58.33333%; }<br />
<br />
.small-8 {<br />
width: 66.66667%; }<br />
<br />
.small-9 {<br />
width: 75%; }<br />
<br />
.small-10 {<br />
width: 83.33333%; }<br />
<br />
.small-11 {<br />
width: 88%; }<br />
<br />
.small-12 {<br />
width: 100%; }<br />
<br />
.small-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.small-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.small-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.small-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.small-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.small-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.small-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.small-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.small-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.small-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.small-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.small-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.small-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.small-centered,<br />
.columns.small-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.small-uncentered,<br />
.columns.small-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.small-centered:last-child,<br />
.columns.small-centered:last-child {<br />
float: none; }<br />
<br />
.column.small-uncentered:last-child,<br />
.columns.small-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.small-uncentered.opposite,<br />
.columns.small-uncentered.opposite {<br />
float: right; } }<br />
@media only screen and (min-width: 40.063em) {<br />
.medium-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.medium-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.medium-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.medium-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.medium-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.medium-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.medium-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.medium-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.medium-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.medium-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.medium-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.medium-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.medium-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.medium-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.medium-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.medium-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.medium-1 {<br />
width: 8.33333%; }<br />
<br />
.medium-2 {<br />
width: 16.66667%; }<br />
<br />
.medium-3 {<br />
width: 25%; }<br />
<br />
.medium-4 {<br />
width: 33.33333%; }<br />
<br />
.medium-5 {<br />
width: 41.66667%; }<br />
<br />
.medium-6 {<br />
width: 50%; }<br />
<br />
.medium-7 {<br />
width: 58.33333%; }<br />
<br />
.medium-8 {<br />
width: 66.66667%; }<br />
<br />
.medium-9 {<br />
width: 75%; }<br />
<br />
.medium-10 {<br />
width: 83.33333%; }<br />
<br />
.medium-11 {<br />
width: 91.66667%; }<br />
<br />
.medium-12 {<br />
width: 100%; }<br />
<br />
.medium-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.medium-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.medium-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.medium-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.medium-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.medium-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.medium-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.medium-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.medium-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.medium-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.medium-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.medium-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.medium-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.medium-centered,<br />
.columns.medium-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.medium-uncentered,<br />
.columns.medium-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.medium-centered:last-child,<br />
.columns.medium-centered:last-child {<br />
float: none; }<br />
<br />
.column.medium-uncentered:last-child,<br />
.columns.medium-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.medium-uncentered.opposite,<br />
.columns.medium-uncentered.opposite {<br />
float: right; }<br />
<br />
.push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; } }<br />
@media only screen and (min-width: 64.063em) {<br />
.large-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.large-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.large-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.large-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.large-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.large-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.large-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.large-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.large-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.large-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.large-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.large-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.large-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.large-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.large-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.large-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.large-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.large-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.large-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.large-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.large-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.large-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.large-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.large-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.large-1 {<br />
width: 8.33333%; }<br />
<br />
.large-2 {<br />
width: 16.66667%; }<br />
<br />
.large-3 {<br />
width: 25%; }<br />
<br />
.large-4 {<br />
width: 33.33333%; }<br />
<br />
.large-5 {<br />
width: 41.66667%; }<br />
<br />
.large-6 {<br />
width: 50%; }<br />
<br />
.large-7 {<br />
width: 58.33333%; }<br />
<br />
.large-8 {<br />
width: 66.66667%; }<br />
<br />
.large-9 {<br />
width: 75%; }<br />
<br />
.large-10 {<br />
width: 83.33333%; }<br />
<br />
.large-11 {<br />
width: 91.66667%; }<br />
<br />
.large-12 {<br />
width: 100%; }<br />
<br />
.large-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.large-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.large-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.large-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.large-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.large-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.large-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.large-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.large-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.large-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.large-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.large-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.large-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.large-centered,<br />
.columns.large-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.large-uncentered,<br />
.columns.large-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.large-centered:last-child,<br />
.columns.large-centered:last-child {<br />
float: none; }<br />
<br />
.column.large-uncentered:last-child,<br />
.columns.large-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.large-uncentered.opposite,<br />
.columns.large-uncentered.opposite {<br />
float: right; }<br />
<br />
.push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; } }<br />
.text-left {<br />
text-align: left !important; }<br />
<br />
.text-right {<br />
text-align: right !important; }<br />
<br />
.text-center {<br />
text-align: center !important; }<br />
<br />
.text-justify {<br />
text-align: justify !important; }<br />
<br />
@media only screen and (max-width: 40em) {<br />
.small-only-text-left {<br />
text-align: left !important; }<br />
<br />
.small-only-text-right {<br />
text-align: right !important; }<br />
<br />
.small-only-text-center {<br />
text-align: center !important; }<br />
<br />
.small-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen {<br />
.small-text-left {<br />
text-align: left !important; }<br />
<br />
.small-text-right {<br />
text-align: right !important; }<br />
<br />
.small-text-center {<br />
text-align: center !important; }<br />
<br />
.small-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 40.063em) and (max-width: 64em) {<br />
.medium-only-text-left {<br />
text-align: left !important; }<br />
<br />
.medium-only-text-right {<br />
text-align: right !important; }<br />
<br />
.medium-only-text-center {<br />
text-align: center !important; }<br />
<br />
.medium-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 40.063em) {<br />
.medium-text-left {<br />
text-align: left !important; }<br />
<br />
.medium-text-right {<br />
text-align: right !important; }<br />
<br />
.medium-text-center {<br />
text-align: center !important; }<br />
<br />
.medium-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 64.063em) and (max-width: 90em) {<br />
.large-only-text-left {<br />
text-align: left !important; }<br />
<br />
.large-only-text-right {<br />
text-align: right !important; }<br />
<br />
.large-only-text-center {<br />
text-align: center !important; }<br />
<br />
.large-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 64.063em) {<br />
.large-text-left {<br />
text-align: left !important; }<br />
<br />
.large-text-right {<br />
text-align: right !important; }<br />
<br />
.large-text-center {<br />
text-align: center !important; }<br />
<br />
.large-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 90.063em) and (max-width: 120em) {<br />
.xlarge-only-text-left {<br />
text-align: left !important; }<br />
<br />
.xlarge-only-text-right {<br />
text-align: right !important; }<br />
<br />
.xlarge-only-text-center {<br />
text-align: center !important; }<br />
<br />
.xlarge-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 90.063em) {<br />
.xlarge-text-left {<br />
text-align: left !important; }<br />
<br />
.xlarge-text-right {<br />
text-align: right !important; }<br />
<br />
.xlarge-text-center {<br />
text-align: center !important; }<br />
<br />
.xlarge-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {<br />
.xxlarge-only-text-left {<br />
text-align: left !important; }<br />
<br />
.xxlarge-only-text-right {<br />
text-align: right !important; }<br />
<br />
.xxlarge-only-text-center {<br />
text-align: center !important; }<br />
<br />
.xxlarge-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 120.063em) {<br />
.xxlarge-text-left {<br />
text-align: left !important; }<br />
<br />
.xxlarge-text-right {<br />
text-align: right !important; }<br />
<br />
.xxlarge-text-center {<br />
text-align: center !important; }<br />
<br />
.xxlarge-text-justify {<br />
text-align: justify !important; } }<br />
/* Typography resets */<br />
div,<br />
dl,<br />
dt,<br />
dd,<br />
ul,<br />
ol,<br />
li,<br />
h1,<br />
h2,<br />
h3,<br />
h4,<br />
h5,<br />
h6,<br />
h0,<br />
pre,<br />
form,<br />
p,<br />
blockquote,<br />
th,<br />
td {<br />
margin: 0;<br />
padding: 0; }<br />
<br />
/* Default Link Styles */<br />
a {<br />
color: #000000;<br />
text-decoration: none;<br />
line-height: inherit; }<br />
<br />
<br />
a.one:hover { color: #eaea13; }<br />
a.two:hover { color: #fbb03b; }<br />
a.three:hover { color: #dbef20; }<br />
a.four:hover { color: #a2d650; }<br />
a.five:hover { color: #4fcc36; }<br />
a.six:hover { color: #22b573; }<br />
a.seven:hover { color: #39b54a; }<br />
a.eight:hover { color: #00a99d; }<br />
a.nine:hover { color: #18d3a2; }<br />
a.ten:hover { color: #b2ae22; }<br />
<br />
<br />
a img {<br />
border: none; }<br />
<br />
/* Default paragraph styles */<br />
p {<br />
font-family: inherit;<br />
font-weight: normal;<br />
font-size: 1rem;<br />
line-height: 1.6;<br />
margin-bottom: 1.25rem;<br />
text-rendering: optimizeLegibility; }<br />
p.lead {<br />
font-size: 1.21875rem;<br />
line-height: 1.6; }<br />
p aside {<br />
font-size: 0.875rem;<br />
line-height: 1.35;<br />
font-style: italic; }<br />
<br />
/* Default header styles */<br />
h0, h1, h2, h3, h4, h5, h6 {<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
color: #000000;<br />
text-rendering: optimizeLegibility;<br />
margin-top: 0.2rem;<br />
margin-bottom: 0.5rem;<br />
line-height: 1.4; }<br />
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {<br />
font-size: 60%;<br />
color: #6f6f6f;<br />
line-height: 0; }<br />
<br />
h0 {<br />
font-size: .7rem;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: justify; }<br />
<br />
h1 {<br />
font-size: 2.125rem; }<br />
<br />
h2 {<br />
/* font-size: 1.6875rem; */<br />
font-size: 1.0rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
<br />
}<br />
<br />
h3 {<br />
font-size: 1.375rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h4 {<br />
font-size: 1.125rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h5 {<br />
font-size: 1.125rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 10px; }<br />
<br />
h6 {<br />
font-size: .8rem;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: justify; }<br />
<br />
.boxedmenu {<br />
border-bottom: 2px solid green;<br />
border-top: 2px solid green;<br />
margin-bottom: 25px;<br />
}<br />
<br />
.boxedimg {<br />
border-bottom: 2px solid #218282;<br />
border-top: 2px solid #218282;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
}<br />
<br />
h7 {<br />
/* font-size: 1.6875rem; */<br />
font-size: 1.3rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
.subheader {<br />
line-height: 1.4;<br />
color: #6f6f6f;<br />
font-weight: normal;<br />
margin-top: 0.2rem;<br />
margin-bottom: 0.5rem; }<br />
<br />
hr {<br />
border: solid #dddddd;<br />
border-width: 1px 0 0;<br />
clear: both;<br />
margin: 1.25rem 0 1.1875rem;<br />
height: 0; }<br />
<br />
/* Helpful Typography Defaults */<br />
em,<br />
i {<br />
font-style: italic;<br />
line-height: inherit; }<br />
<br />
strong,<br />
b {<br />
font-weight: bold;<br />
line-height: inherit; }<br />
<br />
small {<br />
font-size: 60%;<br />
line-height: inherit; }<br />
<br />
code {<br />
font-family: Consolas, "Liberation Mono", Courier, monospace;<br />
font-weight: bold;<br />
color: #910b0e; }<br />
<br />
/* Lists */<br />
ul,<br />
ol,<br />
dl {<br />
font-size: 1rem;<br />
line-height: 1.6;<br />
margin-bottom: 1.25rem;<br />
list-style-position: outside;<br />
font-family: inherit; }<br />
<br />
ul {<br />
margin-left: 1.1rem; }<br />
ul.no-bullet {<br />
margin-left: 0; }<br />
ul.no-bullet li ul,<br />
ul.no-bullet li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0;<br />
list-style: none; }<br />
<br />
/* Unordered Lists */<br />
ul li ul,<br />
ul li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0; }<br />
ul.square li ul, ul.circle li ul, ul.disc li ul {<br />
list-style: inherit; }<br />
ul.square {<br />
list-style-type: square;<br />
margin-left: 1.1rem; }<br />
ul.circle {<br />
list-style-type: circle;<br />
margin-left: 1.1rem; }<br />
ul.disc {<br />
list-style-type: disc;<br />
margin-left: 1.1rem; }<br />
ul.no-bullet {<br />
list-style: none; }<br />
<br />
/* Ordered Lists */<br />
ol {<br />
margin-left: 1.4rem; }<br />
ol li ul,<br />
ol li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0; }<br />
<br />
/* Definition Lists */<br />
dl dt {<br />
margin-bottom: 0.3rem;<br />
font-weight: bold; }<br />
dl dd {<br />
margin-bottom: 0.75rem; }<br />
<br />
/* Abbreviations */<br />
abbr,<br />
acronym {<br />
text-transform: uppercase;<br />
font-size: 90%;<br />
color: #000000;<br />
border-bottom: 1px dotted #dddddd;<br />
cursor: help; }<br />
<br />
abbr {<br />
text-transform: none; }<br />
<br />
/* Blockquotes */<br />
blockquote {<br />
margin: 0 0 1.25rem;<br />
padding: 0.5625rem 1.25rem 0 1.1875rem;<br />
border-left: 1px solid #dddddd; }<br />
blockquote cite {<br />
display: block;<br />
font-size: 0.8125rem;<br />
color: #555555; }<br />
blockquote cite:before {<br />
content: "\2014 \0020"; }<br />
blockquote cite a,<br />
blockquote cite a:visited {<br />
color: #555555; }<br />
<br />
blockquote,<br />
blockquote p {<br />
line-height: 1.6;<br />
color: #6f6f6f; }<br />
<br />
/* Microformats */<br />
.vcard {<br />
display: inline-block;<br />
margin: 0 0 1.25rem 0;<br />
border: 1px solid #dddddd;<br />
padding: 0.625rem 0.75rem; }<br />
.vcard li {<br />
margin: 0;<br />
display: block; }<br />
.vcard .fn {<br />
font-weight: bold;<br />
font-size: 0.9375rem; }<br />
<br />
.vevent .summary {<br />
font-weight: bold; }<br />
.vevent abbr {<br />
cursor: default;<br />
text-decoration: none;<br />
font-weight: bold;<br />
border: none;<br />
padding: 0 0.0625rem; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
h0, h1, h2, h3, h4, h5, h6 {<br />
line-height: 1.4; }<br />
<br />
h0 {<br />
font-size: .7rem;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: left; }<br />
<br />
h1 {<br />
font-size: 2.75rem; }<br />
<br />
h2 {<br />
/* font-size: 2.3125rem; */<br />
font-size: 1.3rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
h3 {<br />
font-size: 1.6875rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h4 {<br />
font-size: 1.4375rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h5 {<br />
font-size: 1.4375rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 10px; }<br />
<br />
h6 {<br />
font-size: 1rem;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: left; <br />
} <br />
<br />
h7 {<br />
/* font-size: 2.3125rem; */<br />
font-size: 1.0rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
}<br />
<br />
/* ====== CSS Added ======<br />
<br />
img{<br />
width: 80px;<br />
height: 80px;<br />
position: absolute;<br />
left: 0px;<br />
top:-6px;<br />
}<br />
<br />
====== CSS Added End ====== */<br />
<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
/*<br />
* Print styles.<br />
*<br />
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/<br />
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)<br />
*/<br />
.print-only {<br />
display: none !important; }<br />
<br />
@media print {<br />
* {<br />
background: transparent !important;<br />
color: black !important;<br />
/* Black prints faster: h5bp.com/s */<br />
box-shadow: none !important;<br />
text-shadow: none !important; }<br />
<br />
a,<br />
a:visited {<br />
text-decoration: underline; }<br />
<br />
a[href]:after {<br />
content: " (" attr(href) ")"; }<br />
<br />
abbr[title]:after {<br />
content: " (" attr(title) ")"; }<br />
<br />
.ir a:after,<br />
a[href^="javascript:"]:after,<br />
a[href^="#"]:after {<br />
content: ""; }<br />
<br />
pre,<br />
blockquote {<br />
border: 1px solid #999999;<br />
page-break-inside: avoid; }<br />
<br />
thead {<br />
display: table-header-group;<br />
/* h5bp.com/t */ }<br />
<br />
tr,<br />
img {<br />
page-break-inside: avoid; }<br />
<br />
img {<br />
max-width: 100% !important; }<br />
<br />
@page {<br />
margin: 0.5cm; }<br />
<br />
p,<br />
h2,<br />
h3 {<br />
orphans: 3;<br />
widows: 3; }<br />
<br />
h2,<br />
h3 {<br />
page-break-after: avoid; }<br />
<br />
.hide-on-print {<br />
display: none !important; }<br />
<br />
.print-only {<br />
display: block !important; }<br />
<br />
.hide-for-print {<br />
display: none !important; }<br />
<br />
.show-for-print {<br />
display: inherit !important; } }<br />
.reveal-modal-bg {<br />
position: fixed;<br />
height: 100%;<br />
width: 100%;<br />
background: black;<br />
background: rgba(0, 0, 0, 0.45);<br />
z-index: 99;<br />
display: none;<br />
top: 0;<br />
left: 0; }<br />
<br />
dialog, .reveal-modal {<br />
visibility: hidden;<br />
display: none;<br />
position: absolute;<br />
z-index: 100;<br />
width: 100vw;<br />
top: 0;<br />
left: 0;<br />
background-color: white;<br />
padding: 1.25rem;<br />
border: solid 1px #666666;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }<br />
@media only screen and (max-width: 40em) {<br />
dialog, .reveal-modal {<br />
min-height: 100vh; } }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
left: 50%; } }<br />
dialog .column,<br />
dialog .columns, .reveal-modal .column,<br />
.reveal-modal .columns {<br />
min-width: 0; }<br />
dialog > :first-child, .reveal-modal > :first-child {<br />
margin-top: 0; }<br />
dialog > :last-child, .reveal-modal > :last-child {<br />
margin-bottom: 0; }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
margin-left: -40%;<br />
width: 80%; } }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
top: 6.25rem; } }<br />
dialog .close-reveal-modal, .reveal-modal .close-reveal-modal {<br />
font-size: 2.5rem;<br />
line-height: 1;<br />
position: absolute;<br />
top: 0.5rem;<br />
right: 0.6875rem;<br />
color: #aaaaaa;<br />
font-weight: bold;<br />
cursor: pointer; }<br />
<br />
dialog[open] {<br />
display: block;<br />
visibility: visible; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
padding: 1.875rem; }<br />
dialog.radius, .reveal-modal.radius {<br />
border-radius: 3px; }<br />
dialog.round, .reveal-modal.round {<br />
border-radius: 1000px; }<br />
dialog.collapse, .reveal-modal.collapse {<br />
padding: 0; }<br />
dialog.full, .reveal-modal.full {<br />
top: 0;<br />
left: 0;<br />
height: 100vh;<br />
min-height: 100vh;<br />
margin-left: 0 !important; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.tiny, .reveal-modal.tiny {<br />
margin-left: -15%;<br />
width: 30%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.small, .reveal-modal.small {<br />
margin-left: -20%;<br />
width: 40%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.medium, .reveal-modal.medium {<br />
margin-left: -30%;<br />
width: 60%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.large, .reveal-modal.large {<br />
margin-left: -35%;<br />
width: 70%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.xlarge, .reveal-modal.xlarge {<br />
margin-left: -47.5%;<br />
width: 95%; } }<br />
<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.full, .reveal-modal.full {<br />
margin-left: -50vw;<br />
width: 100vw; } }<br />
<br />
@media print {<br />
dialog, .reveal-modal {<br />
background: white !important; } }<br />
button, .button {<br />
border-style: solid;<br />
border-width: 0px;<br />
cursor: pointer;<br />
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: normal;<br />
line-height: normal;<br />
margin: 0 0 1.25rem;<br />
position: relative;<br />
text-decoration: none;<br />
text-align: center;<br />
-webkit-appearance: none;<br />
-webkit-border-radius: 0;<br />
display: inline-block;<br />
padding-top: 1rem;<br />
padding-right: 2rem;<br />
padding-bottom: 1.0625rem;<br />
padding-left: 2rem;<br />
font-size: 1rem;<br />
background-color: #2ba6cb;<br />
border-color: #2285a2;<br />
color: white;<br />
transition: background-color 300ms ease-out; }<br />
button:hover, button:focus, .button:hover, .button:focus {<br />
background-color: #2285a2; }<br />
button:hover, button:focus, .button:hover, .button:focus {<br />
color: white; }<br />
button.secondary, .button.secondary {<br />
background-color: #e9e9e9;<br />
border-color: #2285a2;<br />
color: #333333; }<br />
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {<br />
background-color: #2285a2; }<br />
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {<br />
color: #333333; }<br />
button.success, .button.success {<br />
background-color: #5da423;<br />
border-color: #2285a2;<br />
color: white; }<br />
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {<br />
background-color: #2285a2; }<br />
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {<br />
color: white; }<br />
button.alert, .button.alert {<br />
background-color: #c60f13;<br />
border-color: #2285a2;<br />
color: white; }<br />
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {<br />
background-color: #2285a2; }<br />
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {<br />
color: white; }<br />
button.large, .button.large {<br />
padding-top: 1.125rem;<br />
padding-right: 2.25rem;<br />
padding-bottom: 1.1875rem;<br />
padding-left: 2.25rem;<br />
font-size: 1.25rem; }<br />
button.small, .button.small {<br />
padding-top: 0.875rem;<br />
padding-right: 1.75rem;<br />
padding-bottom: 0.9375rem;<br />
padding-left: 1.75rem;<br />
font-size: 0.8125rem; }<br />
button.tiny, .button.tiny {<br />
padding-top: 0.625rem;<br />
padding-right: 1.25rem;<br />
padding-bottom: 0.6875rem;<br />
padding-left: 1.25rem;<br />
font-size: 0.6875rem; }<br />
button.expand, .button.expand {<br />
padding-right: 0;<br />
padding-left: 0;<br />
width: 100%; }<br />
button.left-align, .button.left-align {<br />
text-align: left;<br />
text-indent: 0.75rem; }<br />
button.right-align, .button.right-align {<br />
text-align: right;<br />
padding-right: 0.75rem; }<br />
button.radius, .button.radius {<br />
border-radius: 3px; }<br />
button.round, .button.round {<br />
border-radius: 1000px; }<br />
button.disabled, button[disabled], .button.disabled, .button[disabled] {<br />
background-color: #2ba6cb;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
background-color: #2285a2; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
color: white; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
background-color: #2ba6cb; }<br />
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {<br />
background-color: #e9e9e9;<br />
border-color: #2285a2;<br />
color: #333333;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
background-color: #2285a2; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
color: #333333; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
background-color: #e9e9e9; }<br />
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {<br />
background-color: #5da423;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
background-color: #2285a2; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
color: white; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
background-color: #5da423; }<br />
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {<br />
background-color: #c60f13;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
background-color: #2285a2; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
color: white; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
background-color: #c60f13; }<br />
<br />
button::-moz-focus-inner {<br />
border: 0;<br />
padding: 0; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
button, .button {<br />
display: inline-block; } }<br />
<br />
/* ====== Remove MediaWiki Look ====== */<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
<br />
/* Redesigning the topmenu */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;<br />
z-index: 1000;}<br />
#menubar {<br />
color: #000000;<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
line-height: 1;<br />
top: 9px;<br />
z-index: 2000;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: #cccccc;}<br />
#menubar:hover li a {<br />
color: #cccccc;}<br />
.left-menu .noprint ul li .new a {<br />
text-decoration: none;<br />
}<br />
a:hover, a:visited, a:link, a:active<br />
{<br />
text-decoration: none;<br />
}<br />
a:visited {<br />
color: black;<br />
}</div>
Angelofspeed
http://2014.igem.org/Team:StanfordBrownSpelman/stylesheet
Team:StanfordBrownSpelman/stylesheet
2014-10-16T21:32:26Z
<p>Angelofspeed: </p>
<hr />
<div>/* ====== CSS Added ====== */<br />
<br />
::selection {<br />
background: #cccccc; /* WebKit/Blink Browsers */<br />
}<br />
::-moz-selection {<br />
background: #cccccc; /* Gecko Browsers */<br />
}<br />
<br />
/*<br />
#roof, #bottom, #left, #right {<br />
position: fixed;<br />
}<br />
#left, #right {<br />
z-index: 3000;<br />
top: 0; bottom: 0;<br />
width: 10px;<br />
}<br />
#left { left: 0; background: #000000 }<br />
#right { right: 0; background: #000000 }<br />
<br />
#roof, #bottom {<br />
z-index: 3000;<br />
left: 0; right: 0;<br />
height: 10px;<br />
}<br />
#roof { top: 0; background: #000000 }<br />
#bottom { bottom: 0; background: #000000 }<br />
*/<br />
<br />
<br />
.circle {<br />
box-shadow: inset 0px 0px 60px #ffffff;<br />
<br />
background-color: #f9f4f2;<br />
z-index: -100;<br />
border-radius: 50%;<br />
width: 480px;<br />
height: 480px;<br />
position: relative;<br />
left: 50%;<br />
top: 50%;<br />
<br />
/*<br />
* Where the magic happens<br />
* Centering method from CSS Tricks<br />
* http://css-tricks.com/centering-percentage-widthheight-elements/<br />
*/<br />
transform: translate(-50%, -50%);<br />
-webkit-transform: translate(-50%, -50%);<br />
-o-transform: translate(-50%, -50%);<br />
-ms-transform: translate(-50%, -50%);<br />
}<br />
<br />
.title {<br />
width:100%;<br />
text-align:center;<br />
margin:auto;<br />
position:absolute;<br />
top:18px;<br />
z-index:2000;<br />
}<br />
.wiki {<br />
position:fixed;<br />
top:18px;<br />
right:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.projects {<br />
position:fixed;<br />
top:18px;<br />
left:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.team {<br />
position:fixed;<br />
bottom:10px;<br />
left:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
.contact {<br />
position:fixed;<br />
bottom: 10px;<br />
right:25px;<br />
z-index:5000;<br />
border-bottom:0px solid;<br />
}<br />
<br />
/* FOR BIO D PAGE */<br />
/***************************/<br />
<br />
.fitAll {<br />
height: 200px;<br />
max-width:300px;<br />
margin-bottom: 1px;<br />
}<br />
<br />
.reduceSize {<br />
height: 250px;<br />
margin-right: 75px;<br />
margin-bottom: 20px;<br />
}<br />
/***************************/<br />
#iGEMimagelogomain img {<br />
width: 50px;<br />
}<br />
<br />
<br />
/* ====== SPLASH ====== */<br />
<br />
#globalWrapper {<br />
background-size: cover;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
}<br />
<br />
#landing {<br />
width: 100%;<br />
height: 700px;<br />
background-image: url("https://static.igem.org/mediawiki/2014/7/71/SBSiGEM_Drone_Map_1.png");<br />
background-size: cover;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
z-index: 6000;<br />
position: relative;<br />
overflow: hidden;<br />
text-align: center;<br />
}<br />
<br />
#title{<br />
font-size: 64pt;<br />
line-height: 70pt;<br />
color: black;<br />
font-family: 'Montserrat', Futura, Arial, sans-serif;<br />
text-shadow: 6px 6px 12px rgba(0,0,0, .25);<br />
opacity:0.95;<br />
}<br />
<br />
#name {<br />
position: absolute;<br />
left: 50%;<br />
top: 50%;<br />
<br />
/*<br />
* Where the magic happens<br />
* Centering method from CSS Tricks<br />
* http://css-tricks.com/centering-percentage-widthheight-elements/<br />
*/<br />
transform: translate(-50%, -50%);<br />
-webkit-transform: translate(-50%, -50%);<br />
-o-transform: translate(-50%, -50%);<br />
-ms-transform: translate(-50%, -50%);<br />
}<br />
<br />
<br />
/* ====== Remainder ====== */<br />
<br />
nav {<br />
position: fixed;<br />
left: 0;<br />
right: 0;<br />
top: 0;<br />
z-index: 10000;<br />
font-size: 12pt;<br />
<br />
height: 45px;<br />
}<br />
<br />
nav .links {<br />
float: left;<br />
padding: 10px;<br />
}<br />
nav .links:hover{<br />
opacity: .6;<br />
}<br />
<br />
nav .links:active{<br />
background-color: transparent;<br />
}<br />
<br />
#about{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#about img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 50px;<br />
}<br />
<br />
#about .sub{<br />
padding-left: 110px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
#bioBrick{<br />
margin-top: 10px;<br />
margin-bottom: 10px;<br />
}<br />
<br />
#bioBrick img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 25px;<br />
}<br />
<br />
#bioBrick .sub{<br />
padding-left: 85px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
#bioBrickFinal{<br />
margin-top: 10px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#bioBrickFinal img{<br />
width: 50px;<br />
height: 50px;<br />
top: -8px;<br />
position: absolute;<br />
left: 25px;<br />
}<br />
<br />
#bioBrickFinal .sub{<br />
padding-left: 85px;<br />
margin-bottom: 15px;<br />
position: relative;<br />
}<br />
<br />
.projecticon-bio-bricks{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
#work{<br />
margin-top: 30px;<br />
}<br />
<br />
#work img{<br />
width: 115px;<br />
height: 115px;<br />
position: absolute;<br />
left: 0px;<br />
top:-6px;<br />
}<br />
<br />
#work .sub2{<br />
left: 90px;<br />
padding-left: 140px;<br />
position: relative;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#work .sub3{<br />
left: 0px;<br />
padding-left: 140px;<br />
position: relative;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#thanks{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#connect{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#connect img{<br />
width: 70px;<br />
height: 70px;<br />
position: relative;<br />
left: 0px;<br />
top: 0px;<br />
}<br />
<br />
#mobile1{<br />
margin-top: 10px;<br />
margin-bottom: 8px;<br />
}<br />
<br />
#mobile2{<br />
margin-top: 20px;<br />
margin-bottom: 20px;<br />
}<br />
<br />
#mobile2 img{<br />
width: 40px;<br />
height: 40px;<br />
position: relative;<br />
left: 0px;<br />
top: 0px;<br />
}<br />
<br />
div#closing a.external <br />
{<br />
background:none !important;<br />
padding: 0px !important;<br />
}<br />
<br />
#closing h6{<br />
margin-top: 30px;<br />
margin-bottom: 0px;<br />
padding-bottom: 20px; <br />
font-size: 8pt; <br />
color: #cccccc;<br />
}<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
#teamNoodle {<br />
}<br />
<br />
.placeholder{<br />
width:100%;<br />
max-width:800px;<br />
height:20px;<br />
background-image: white);<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 20px;<br />
}<br />
<br />
.placeholder2{<br />
width:100%;<br />
max-width:800px;<br />
height:30px;<br />
background-image: white);<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 20px;<br />
}<br />
<br />
.cells{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_cells.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells2{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/6/6a/SBS_iGEM_2014_cells2.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells3{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/9/99/SBS_iGEM_2014_cells3.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells4{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/8/81/SBS_iGEM_2014_cells4.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells5{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/e/ee/SBS_iGEM_2014_cells5.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells6{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/8/81/SBS_iGEM_2014_cells6.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells7{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/e/e2/SBS_iGEM_2014_cells7.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
.cells8{<br />
width:100%;<br />
max-width:800px;<br />
height:80px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/4/49/SBS_iGEM_2014_cells8.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size: 80px;<br />
}<br />
<br />
/* ====== CSS for Sub-Pages ====== */<br />
<br />
.projecticon-cellulose-acetate{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
display:block;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-cellulose-acetate img{<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto;<br />
width: 162px;<br />
height: 162px;<br />
float: top;<br />
}<br />
<br />
.projecticon-hell-cell{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-waterproofing{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-biodegradation{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-human-practices{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-drone{<br />
width:100%;<br />
max-width:800px;<br />
height:150px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/d/dd/SBS_iGEM_2014_drone_icon.png");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:150px;<br />
margin-top: 30px;<br />
}<br />
<br />
.projecticon-meet-team{<br />
width:130%;<br />
max-width:800px;<br />
height:573.89px;<br />
background-image:url("https://static.igem.org/mediawiki/2014/c/c8/FullTeamPic.jpg");<br />
background-position: center;<br />
background-repeat: no-repeat;<br />
background-size:800px;<br />
margin-top: 10px;<br />
margin-bottom: 10px;<br />
}<br />
<br />
#header{<br />
margin-top: 10px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#photo{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#subheader{<br />
margin-top: 30px;<br />
margin-bottom: 30px;<br />
}<br />
<br />
#subheader .sub4{<br />
padding-left: 130px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader .subindent{<br />
padding-left: 50px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader img{<br />
width: 70px;<br />
height: 70px;<br />
top: -2px;<br />
position: absolute;<br />
left: 50px;<br />
}<br />
<br />
#subheader .sub5{<br />
padding-left: 55px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
}<br />
<br />
#subheader .sub6{<br />
padding-left: 55px;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
position: relative;<br />
font-family:'Inconsolata', Helvetica, Arial, sans-serif;<br />
font-size: 13px;<br />
line-height: 8px;<br />
}<br />
<br />
#images{<br />
}<br />
<br />
#results{<br />
}<br />
<br />
#process{<br />
}<br />
<br />
#references{<br />
}<br />
<br />
<br />
/* ====== CSS Added Over ====== */<br />
<br />
<br />
<br />
<br />
<br />
<br />
meta.foundation-version {<br />
font-family: "/5.3.1/"; }<br />
<br />
meta.foundation-mq-small {<br />
font-family: "/only screen/";<br />
width: 0em; }<br />
<br />
meta.foundation-mq-medium {<br />
font-family: "/only screen and (min-width:40.063em)/";<br />
width: 40.063em; }<br />
<br />
meta.foundation-mq-large {<br />
font-family: "/only screen and (min-width:64.063em)/";<br />
width: 64.063em; }<br />
<br />
meta.foundation-mq-xlarge {<br />
font-family: "/only screen and (min-width:90.063em)/";<br />
width: 90.063em; }<br />
<br />
meta.foundation-mq-xxlarge {<br />
font-family: "/only screen and (min-width:120.063em)/";<br />
width: 120.063em; }<br />
<br />
meta.foundation-data-attribute-namespace {<br />
font-family: false; }<br />
<br />
html, body {<br />
height: 100%;<br />
}<br />
<br />
*,<br />
*:before,<br />
*:after {<br />
-webkit-box-sizing: border-box;<br />
-moz-box-sizing: border-box;<br />
box-sizing: border-box; }<br />
<br />
html,<br />
body {<br />
font-size: 100%; }<br />
<br />
body {<br />
background: #ffffff;<br />
color: #00000;<br />
padding: 0;<br />
margin: 0;<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
line-height: 1;<br />
position: relative;<br />
/* cursor: url('../images/drone_cursor.png'), default; */<br />
cursor: default; }<br />
<br />
img {<br />
max-width: 100%;<br />
height: auto;<br />
margin-bottom: 4px; }<br />
<br />
/* IMAGE BOTTOM MARGIN MAY CAUSE PROBLEMS */<br />
<br />
img {<br />
-ms-interpolation-mode: bicubic; }<br />
<br />
#map_canvas img,<br />
#map_canvas embed,<br />
#map_canvas object,<br />
.map_canvas img,<br />
.map_canvas embed,<br />
.map_canvas object {<br />
max-width: none !important; }<br />
<br />
.left {<br />
float: left !important; }<br />
<br />
.right {<br />
float: right !important; }<br />
<br />
.clearfix:before, .clearfix:after {<br />
content: " ";<br />
display: table; }<br />
.clearfix:after {<br />
clear: both; }<br />
<br />
.hide {<br />
display: none; }<br />
<br />
.antialiased {<br />
-webkit-font-smoothing: antialiased;<br />
-moz-osx-font-smoothing: grayscale; }<br />
<br />
img {<br />
display: inline-block;<br />
vertical-align: middle; }<br />
<br />
textarea {<br />
height: auto;<br />
min-height: 50px; }<br />
<br />
select {<br />
width: 100%; }<br />
<br />
.introText {<br />
text-indent: 50px;<br />
} <br />
<br />
.row {<br />
width: 100%;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
max-width: 62.5em; }<br />
.row:before, .row:after {<br />
content: " ";<br />
display: table; }<br />
.row:after {<br />
clear: both; }<br />
.row.collapse > .column,<br />
.row.collapse > .columns {<br />
padding-left: 0;<br />
padding-right: 0; }<br />
.row.collapse .row {<br />
margin-left: 0;<br />
margin-right: 0; }<br />
.row .row {<br />
width: auto;<br />
margin-left: -0.9375em;<br />
margin-right: -0.9375em;<br />
margin-top: 0;<br />
margin-bottom: 0;<br />
max-width: none; }<br />
.row .row:before, .row .row:after {<br />
content: " ";<br />
display: table; }<br />
.row .row:after {<br />
clear: both; }<br />
.row .row.collapse {<br />
width: auto;<br />
margin: 0;<br />
max-width: none; }<br />
.row .row.collapse:before, .row .row.collapse:after {<br />
content: " ";<br />
display: table; }<br />
.row .row.collapse:after {<br />
clear: both; }<br />
<br />
.column,<br />
.columns {<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
width: 100%;<br />
float: left; }<br />
<br />
[class*="column"] + [class*="column"]:last-child {<br />
float: right; }<br />
<br />
[class*="column"] + [class*="column"].end {<br />
float: left; }<br />
<br />
@media only screen {<br />
.small-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.small-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.small-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.small-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.small-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.small-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.small-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.small-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.small-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.small-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.small-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.small-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.small-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.small-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.small-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.small-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.small-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.small-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.small-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.small-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.small-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.small-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.small-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.small-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.small-1 {<br />
width: 8.33333%; }<br />
<br />
.small-2 {<br />
width: 16.66667%; }<br />
<br />
.small-3 {<br />
width: 25%; }<br />
<br />
.small-4 {<br />
width: 33.33333%; }<br />
<br />
.small-5 {<br />
width: 41.66667%; }<br />
<br />
.small-6 {<br />
width: 50%; }<br />
<br />
.small-7 {<br />
width: 58.33333%; }<br />
<br />
.small-8 {<br />
width: 66.66667%; }<br />
<br />
.small-9 {<br />
width: 75%; }<br />
<br />
.small-10 {<br />
width: 83.33333%; }<br />
<br />
.small-11 {<br />
width: 88%; }<br />
<br />
.small-12 {<br />
width: 100%; }<br />
<br />
.small-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.small-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.small-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.small-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.small-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.small-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.small-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.small-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.small-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.small-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.small-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.small-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.small-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.small-centered,<br />
.columns.small-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.small-uncentered,<br />
.columns.small-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.small-centered:last-child,<br />
.columns.small-centered:last-child {<br />
float: none; }<br />
<br />
.column.small-uncentered:last-child,<br />
.columns.small-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.small-uncentered.opposite,<br />
.columns.small-uncentered.opposite {<br />
float: right; } }<br />
@media only screen and (min-width: 40.063em) {<br />
.medium-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.medium-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.medium-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.medium-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.medium-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.medium-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.medium-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.medium-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.medium-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.medium-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.medium-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.medium-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.medium-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.medium-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.medium-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.medium-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.medium-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.medium-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.medium-1 {<br />
width: 8.33333%; }<br />
<br />
.medium-2 {<br />
width: 16.66667%; }<br />
<br />
.medium-3 {<br />
width: 25%; }<br />
<br />
.medium-4 {<br />
width: 33.33333%; }<br />
<br />
.medium-5 {<br />
width: 41.66667%; }<br />
<br />
.medium-6 {<br />
width: 50%; }<br />
<br />
.medium-7 {<br />
width: 58.33333%; }<br />
<br />
.medium-8 {<br />
width: 66.66667%; }<br />
<br />
.medium-9 {<br />
width: 75%; }<br />
<br />
.medium-10 {<br />
width: 83.33333%; }<br />
<br />
.medium-11 {<br />
width: 91.66667%; }<br />
<br />
.medium-12 {<br />
width: 100%; }<br />
<br />
.medium-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.medium-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.medium-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.medium-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.medium-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.medium-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.medium-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.medium-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.medium-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.medium-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.medium-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.medium-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.medium-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.medium-centered,<br />
.columns.medium-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.medium-uncentered,<br />
.columns.medium-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.medium-centered:last-child,<br />
.columns.medium-centered:last-child {<br />
float: none; }<br />
<br />
.column.medium-uncentered:last-child,<br />
.columns.medium-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.medium-uncentered.opposite,<br />
.columns.medium-uncentered.opposite {<br />
float: right; }<br />
<br />
.push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; } }<br />
@media only screen and (min-width: 64.063em) {<br />
.large-push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.large-pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.large-push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.large-pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.large-push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.large-pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.large-push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.large-pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.large-push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.large-pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.large-push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.large-pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.large-push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.large-pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.large-push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.large-pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.large-push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.large-pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.large-push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.large-pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.large-push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.large-pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.large-push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.large-pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; }<br />
<br />
.column,<br />
.columns {<br />
position: relative;<br />
padding-left: 0.9375em;<br />
padding-right: 0.9375em;<br />
float: left; }<br />
<br />
.large-1 {<br />
width: 8.33333%; }<br />
<br />
.large-2 {<br />
width: 16.66667%; }<br />
<br />
.large-3 {<br />
width: 25%; }<br />
<br />
.large-4 {<br />
width: 33.33333%; }<br />
<br />
.large-5 {<br />
width: 41.66667%; }<br />
<br />
.large-6 {<br />
width: 50%; }<br />
<br />
.large-7 {<br />
width: 58.33333%; }<br />
<br />
.large-8 {<br />
width: 66.66667%; }<br />
<br />
.large-9 {<br />
width: 75%; }<br />
<br />
.large-10 {<br />
width: 83.33333%; }<br />
<br />
.large-11 {<br />
width: 91.66667%; }<br />
<br />
.large-12 {<br />
width: 100%; }<br />
<br />
.large-offset-0 {<br />
margin-left: 0% !important; }<br />
<br />
.large-offset-1 {<br />
margin-left: 8.33333% !important; }<br />
<br />
.large-offset-2 {<br />
margin-left: 16.66667% !important; }<br />
<br />
.large-offset-3 {<br />
margin-left: 25% !important; }<br />
<br />
.large-offset-4 {<br />
margin-left: 33.33333% !important; }<br />
<br />
.large-offset-5 {<br />
margin-left: 41.66667% !important; }<br />
<br />
.large-offset-6 {<br />
margin-left: 50% !important; }<br />
<br />
.large-offset-7 {<br />
margin-left: 58.33333% !important; }<br />
<br />
.large-offset-8 {<br />
margin-left: 66.66667% !important; }<br />
<br />
.large-offset-9 {<br />
margin-left: 75% !important; }<br />
<br />
.large-offset-10 {<br />
margin-left: 83.33333% !important; }<br />
<br />
.large-offset-11 {<br />
margin-left: 91.66667% !important; }<br />
<br />
.large-reset-order {<br />
margin-left: 0;<br />
margin-right: 0;<br />
left: auto;<br />
right: auto;<br />
float: left; }<br />
<br />
.column.large-centered,<br />
.columns.large-centered {<br />
margin-left: auto;<br />
margin-right: auto;<br />
float: none; }<br />
<br />
.column.large-uncentered,<br />
.columns.large-uncentered {<br />
margin-left: 0;<br />
margin-right: 0;<br />
float: left; }<br />
<br />
.column.large-centered:last-child,<br />
.columns.large-centered:last-child {<br />
float: none; }<br />
<br />
.column.large-uncentered:last-child,<br />
.columns.large-uncentered:last-child {<br />
float: left; }<br />
<br />
.column.large-uncentered.opposite,<br />
.columns.large-uncentered.opposite {<br />
float: right; }<br />
<br />
.push-0 {<br />
position: relative;<br />
left: 0%;<br />
right: auto; }<br />
<br />
.pull-0 {<br />
position: relative;<br />
right: 0%;<br />
left: auto; }<br />
<br />
.push-1 {<br />
position: relative;<br />
left: 8.33333%;<br />
right: auto; }<br />
<br />
.pull-1 {<br />
position: relative;<br />
right: 8.33333%;<br />
left: auto; }<br />
<br />
.push-2 {<br />
position: relative;<br />
left: 16.66667%;<br />
right: auto; }<br />
<br />
.pull-2 {<br />
position: relative;<br />
right: 16.66667%;<br />
left: auto; }<br />
<br />
.push-3 {<br />
position: relative;<br />
left: 25%;<br />
right: auto; }<br />
<br />
.pull-3 {<br />
position: relative;<br />
right: 25%;<br />
left: auto; }<br />
<br />
.push-4 {<br />
position: relative;<br />
left: 33.33333%;<br />
right: auto; }<br />
<br />
.pull-4 {<br />
position: relative;<br />
right: 33.33333%;<br />
left: auto; }<br />
<br />
.push-5 {<br />
position: relative;<br />
left: 41.66667%;<br />
right: auto; }<br />
<br />
.pull-5 {<br />
position: relative;<br />
right: 41.66667%;<br />
left: auto; }<br />
<br />
.push-6 {<br />
position: relative;<br />
left: 50%;<br />
right: auto; }<br />
<br />
.pull-6 {<br />
position: relative;<br />
right: 50%;<br />
left: auto; }<br />
<br />
.push-7 {<br />
position: relative;<br />
left: 58.33333%;<br />
right: auto; }<br />
<br />
.pull-7 {<br />
position: relative;<br />
right: 58.33333%;<br />
left: auto; }<br />
<br />
.push-8 {<br />
position: relative;<br />
left: 66.66667%;<br />
right: auto; }<br />
<br />
.pull-8 {<br />
position: relative;<br />
right: 66.66667%;<br />
left: auto; }<br />
<br />
.push-9 {<br />
position: relative;<br />
left: 75%;<br />
right: auto; }<br />
<br />
.pull-9 {<br />
position: relative;<br />
right: 75%;<br />
left: auto; }<br />
<br />
.push-10 {<br />
position: relative;<br />
left: 83.33333%;<br />
right: auto; }<br />
<br />
.pull-10 {<br />
position: relative;<br />
right: 83.33333%;<br />
left: auto; }<br />
<br />
.push-11 {<br />
position: relative;<br />
left: 91.66667%;<br />
right: auto; }<br />
<br />
.pull-11 {<br />
position: relative;<br />
right: 91.66667%;<br />
left: auto; } }<br />
.text-left {<br />
text-align: left !important; }<br />
<br />
.text-right {<br />
text-align: right !important; }<br />
<br />
.text-center {<br />
text-align: center !important; }<br />
<br />
.text-justify {<br />
text-align: justify !important; }<br />
<br />
@media only screen and (max-width: 40em) {<br />
.small-only-text-left {<br />
text-align: left !important; }<br />
<br />
.small-only-text-right {<br />
text-align: right !important; }<br />
<br />
.small-only-text-center {<br />
text-align: center !important; }<br />
<br />
.small-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen {<br />
.small-text-left {<br />
text-align: left !important; }<br />
<br />
.small-text-right {<br />
text-align: right !important; }<br />
<br />
.small-text-center {<br />
text-align: center !important; }<br />
<br />
.small-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 40.063em) and (max-width: 64em) {<br />
.medium-only-text-left {<br />
text-align: left !important; }<br />
<br />
.medium-only-text-right {<br />
text-align: right !important; }<br />
<br />
.medium-only-text-center {<br />
text-align: center !important; }<br />
<br />
.medium-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 40.063em) {<br />
.medium-text-left {<br />
text-align: left !important; }<br />
<br />
.medium-text-right {<br />
text-align: right !important; }<br />
<br />
.medium-text-center {<br />
text-align: center !important; }<br />
<br />
.medium-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 64.063em) and (max-width: 90em) {<br />
.large-only-text-left {<br />
text-align: left !important; }<br />
<br />
.large-only-text-right {<br />
text-align: right !important; }<br />
<br />
.large-only-text-center {<br />
text-align: center !important; }<br />
<br />
.large-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 64.063em) {<br />
.large-text-left {<br />
text-align: left !important; }<br />
<br />
.large-text-right {<br />
text-align: right !important; }<br />
<br />
.large-text-center {<br />
text-align: center !important; }<br />
<br />
.large-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 90.063em) and (max-width: 120em) {<br />
.xlarge-only-text-left {<br />
text-align: left !important; }<br />
<br />
.xlarge-only-text-right {<br />
text-align: right !important; }<br />
<br />
.xlarge-only-text-center {<br />
text-align: center !important; }<br />
<br />
.xlarge-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 90.063em) {<br />
.xlarge-text-left {<br />
text-align: left !important; }<br />
<br />
.xlarge-text-right {<br />
text-align: right !important; }<br />
<br />
.xlarge-text-center {<br />
text-align: center !important; }<br />
<br />
.xlarge-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {<br />
.xxlarge-only-text-left {<br />
text-align: left !important; }<br />
<br />
.xxlarge-only-text-right {<br />
text-align: right !important; }<br />
<br />
.xxlarge-only-text-center {<br />
text-align: center !important; }<br />
<br />
.xxlarge-only-text-justify {<br />
text-align: justify !important; } }<br />
@media only screen and (min-width: 120.063em) {<br />
.xxlarge-text-left {<br />
text-align: left !important; }<br />
<br />
.xxlarge-text-right {<br />
text-align: right !important; }<br />
<br />
.xxlarge-text-center {<br />
text-align: center !important; }<br />
<br />
.xxlarge-text-justify {<br />
text-align: justify !important; } }<br />
/* Typography resets */<br />
div,<br />
dl,<br />
dt,<br />
dd,<br />
ul,<br />
ol,<br />
li,<br />
h1,<br />
h2,<br />
h3,<br />
h4,<br />
h5,<br />
h6,<br />
h0,<br />
pre,<br />
form,<br />
p,<br />
blockquote,<br />
th,<br />
td {<br />
margin: 0;<br />
padding: 0; }<br />
<br />
/* Default Link Styles */<br />
a {<br />
color: #000000;<br />
text-decoration: none;<br />
line-height: inherit; }<br />
<br />
<br />
a.one:hover { color: #eaea13; }<br />
a.two:hover { color: #fbb03b; }<br />
a.three:hover { color: #dbef20; }<br />
a.four:hover { color: #a2d650; }<br />
a.five:hover { color: #4fcc36; }<br />
a.six:hover { color: #22b573; }<br />
a.seven:hover { color: #39b54a; }<br />
a.eight:hover { color: #00a99d; }<br />
a.nine:hover { color: #18d3a2; }<br />
a.ten:hover { color: #b2ae22; }<br />
<br />
<br />
a img {<br />
border: none; }<br />
<br />
/* Default paragraph styles */<br />
p {<br />
font-family: inherit;<br />
font-weight: normal;<br />
font-size: 1rem;<br />
line-height: 1.6;<br />
margin-bottom: 1.25rem;<br />
text-rendering: optimizeLegibility; }<br />
p.lead {<br />
font-size: 1.21875rem;<br />
line-height: 1.6; }<br />
p aside {<br />
font-size: 0.875rem;<br />
line-height: 1.35;<br />
font-style: italic; }<br />
<br />
/* Default header styles */<br />
h0, h1, h2, h3, h4, h5, h6 {<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
color: #000000;<br />
text-rendering: optimizeLegibility;<br />
margin-top: 0.2rem;<br />
margin-bottom: 0.5rem;<br />
line-height: 1.4; }<br />
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {<br />
font-size: 60%;<br />
color: #6f6f6f;<br />
line-height: 0; }<br />
<br />
h0 {<br />
font-size: .7rem;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: justify; }<br />
<br />
h1 {<br />
font-size: 2.125rem; }<br />
<br />
h2 {<br />
/* font-size: 1.6875rem; */<br />
font-size: 1.0rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
<br />
}<br />
<br />
h3 {<br />
font-size: 1.375rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h4 {<br />
font-size: 1.125rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h5 {<br />
font-size: 1.125rem;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 10px; }<br />
<br />
h6 {<br />
font-size: .8rem;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: justify; }<br />
<br />
.boxedmenu {<br />
border-bottom: 2px solid green;<br />
border-top: 2px solid green;<br />
margin-bottom: 25px;<br />
}<br />
<br />
.boxedimg {<br />
border-bottom: 2px solid #218282;<br />
border-top: 2px solid #218282;<br />
margin-bottom: 10px;<br />
margin-top: 10px;<br />
}<br />
<br />
h7 {<br />
/* font-size: 1.6875rem; */<br />
font-size: 1.3rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
.subheader {<br />
line-height: 1.4;<br />
color: #6f6f6f;<br />
font-weight: normal;<br />
margin-top: 0.2rem;<br />
margin-bottom: 0.5rem; }<br />
<br />
hr {<br />
border: solid #dddddd;<br />
border-width: 1px 0 0;<br />
clear: both;<br />
margin: 1.25rem 0 1.1875rem;<br />
height: 0; }<br />
<br />
/* Helpful Typography Defaults */<br />
em,<br />
i {<br />
font-style: italic;<br />
line-height: inherit; }<br />
<br />
strong,<br />
b {<br />
font-weight: bold;<br />
line-height: inherit; }<br />
<br />
small {<br />
font-size: 60%;<br />
line-height: inherit; }<br />
<br />
code {<br />
font-family: Consolas, "Liberation Mono", Courier, monospace;<br />
font-weight: bold;<br />
color: #910b0e; }<br />
<br />
/* Lists */<br />
ul,<br />
ol,<br />
dl {<br />
font-size: 1rem;<br />
line-height: 1.6;<br />
margin-bottom: 1.25rem;<br />
list-style-position: outside;<br />
font-family: inherit; }<br />
<br />
ul {<br />
margin-left: 1.1rem; }<br />
ul.no-bullet {<br />
margin-left: 0; }<br />
ul.no-bullet li ul,<br />
ul.no-bullet li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0;<br />
list-style: none; }<br />
<br />
/* Unordered Lists */<br />
ul li ul,<br />
ul li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0; }<br />
ul.square li ul, ul.circle li ul, ul.disc li ul {<br />
list-style: inherit; }<br />
ul.square {<br />
list-style-type: square;<br />
margin-left: 1.1rem; }<br />
ul.circle {<br />
list-style-type: circle;<br />
margin-left: 1.1rem; }<br />
ul.disc {<br />
list-style-type: disc;<br />
margin-left: 1.1rem; }<br />
ul.no-bullet {<br />
list-style: none; }<br />
<br />
/* Ordered Lists */<br />
ol {<br />
margin-left: 1.4rem; }<br />
ol li ul,<br />
ol li ol {<br />
margin-left: 1.25rem;<br />
margin-bottom: 0; }<br />
<br />
/* Definition Lists */<br />
dl dt {<br />
margin-bottom: 0.3rem;<br />
font-weight: bold; }<br />
dl dd {<br />
margin-bottom: 0.75rem; }<br />
<br />
/* Abbreviations */<br />
abbr,<br />
acronym {<br />
text-transform: uppercase;<br />
font-size: 90%;<br />
color: #000000;<br />
border-bottom: 1px dotted #dddddd;<br />
cursor: help; }<br />
<br />
abbr {<br />
text-transform: none; }<br />
<br />
/* Blockquotes */<br />
blockquote {<br />
margin: 0 0 1.25rem;<br />
padding: 0.5625rem 1.25rem 0 1.1875rem;<br />
border-left: 1px solid #dddddd; }<br />
blockquote cite {<br />
display: block;<br />
font-size: 0.8125rem;<br />
color: #555555; }<br />
blockquote cite:before {<br />
content: "\2014 \0020"; }<br />
blockquote cite a,<br />
blockquote cite a:visited {<br />
color: #555555; }<br />
<br />
blockquote,<br />
blockquote p {<br />
line-height: 1.6;<br />
color: #6f6f6f; }<br />
<br />
/* Microformats */<br />
.vcard {<br />
display: inline-block;<br />
margin: 0 0 1.25rem 0;<br />
border: 1px solid #dddddd;<br />
padding: 0.625rem 0.75rem; }<br />
.vcard li {<br />
margin: 0;<br />
display: block; }<br />
.vcard .fn {<br />
font-weight: bold;<br />
font-size: 0.9375rem; }<br />
<br />
.vevent .summary {<br />
font-weight: bold; }<br />
.vevent abbr {<br />
cursor: default;<br />
text-decoration: none;<br />
font-weight: bold;<br />
border: none;<br />
padding: 0 0.0625rem; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
h0, h1, h2, h3, h4, h5, h6 {<br />
line-height: 1.4; }<br />
<br />
h0 {<br />
font-size: .7rem;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: left; }<br />
<br />
h1 {<br />
font-size: 2.75rem; }<br />
<br />
h2 {<br />
/* font-size: 2.3125rem; */<br />
font-size: 1.3rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
h3 {<br />
font-size: 1.6875rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h4 {<br />
font-size: 1.4375rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px; }<br />
<br />
h5 {<br />
font-size: 1.4375rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 10px; }<br />
<br />
h6 {<br />
font-size: 1rem;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
text-align: left; <br />
} <br />
<br />
h7 {<br />
/* font-size: 2.3125rem; */<br />
font-size: 1.0rem;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 400;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 20px;<br />
}<br />
<br />
}<br />
<br />
/* ====== CSS Added ======<br />
<br />
img{<br />
width: 80px;<br />
height: 80px;<br />
position: absolute;<br />
left: 0px;<br />
top:-6px;<br />
}<br />
<br />
====== CSS Added End ====== */<br />
<br />
/*<br />
<br />
#work h2{<br />
font-size: 16pt;<br />
line-height: 24pt;<br />
letter-spacing: 0px;<br />
font-weight: 700;<br />
font-family: Montserrat, Helvetica, Arial, sans-serif;<br />
margin-bottom: 2px;<br />
}<br />
<br />
#work h4{<br />
font-size: 12pt;<br />
line-height: 17pt;<br />
letter-spacing: 0px;<br />
font-weight: normal;<br />
text-transform: inherit;<br />
}<br />
<br />
*/<br />
<br />
/*<br />
* Print styles.<br />
*<br />
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/<br />
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)<br />
*/<br />
.print-only {<br />
display: none !important; }<br />
<br />
@media print {<br />
* {<br />
background: transparent !important;<br />
color: black !important;<br />
/* Black prints faster: h5bp.com/s */<br />
box-shadow: none !important;<br />
text-shadow: none !important; }<br />
<br />
a,<br />
a:visited {<br />
text-decoration: underline; }<br />
<br />
a[href]:after {<br />
content: " (" attr(href) ")"; }<br />
<br />
abbr[title]:after {<br />
content: " (" attr(title) ")"; }<br />
<br />
.ir a:after,<br />
a[href^="javascript:"]:after,<br />
a[href^="#"]:after {<br />
content: ""; }<br />
<br />
pre,<br />
blockquote {<br />
border: 1px solid #999999;<br />
page-break-inside: avoid; }<br />
<br />
thead {<br />
display: table-header-group;<br />
/* h5bp.com/t */ }<br />
<br />
tr,<br />
img {<br />
page-break-inside: avoid; }<br />
<br />
img {<br />
max-width: 100% !important; }<br />
<br />
@page {<br />
margin: 0.5cm; }<br />
<br />
p,<br />
h2,<br />
h3 {<br />
orphans: 3;<br />
widows: 3; }<br />
<br />
h2,<br />
h3 {<br />
page-break-after: avoid; }<br />
<br />
.hide-on-print {<br />
display: none !important; }<br />
<br />
.print-only {<br />
display: block !important; }<br />
<br />
.hide-for-print {<br />
display: none !important; }<br />
<br />
.show-for-print {<br />
display: inherit !important; } }<br />
.reveal-modal-bg {<br />
position: fixed;<br />
height: 100%;<br />
width: 100%;<br />
background: black;<br />
background: rgba(0, 0, 0, 0.45);<br />
z-index: 99;<br />
display: none;<br />
top: 0;<br />
left: 0; }<br />
<br />
dialog, .reveal-modal {<br />
visibility: hidden;<br />
display: none;<br />
position: absolute;<br />
z-index: 100;<br />
width: 100vw;<br />
top: 0;<br />
left: 0;<br />
background-color: white;<br />
padding: 1.25rem;<br />
border: solid 1px #666666;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }<br />
@media only screen and (max-width: 40em) {<br />
dialog, .reveal-modal {<br />
min-height: 100vh; } }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
left: 50%; } }<br />
dialog .column,<br />
dialog .columns, .reveal-modal .column,<br />
.reveal-modal .columns {<br />
min-width: 0; }<br />
dialog > :first-child, .reveal-modal > :first-child {<br />
margin-top: 0; }<br />
dialog > :last-child, .reveal-modal > :last-child {<br />
margin-bottom: 0; }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
margin-left: -40%;<br />
width: 80%; } }<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
top: 6.25rem; } }<br />
dialog .close-reveal-modal, .reveal-modal .close-reveal-modal {<br />
font-size: 2.5rem;<br />
line-height: 1;<br />
position: absolute;<br />
top: 0.5rem;<br />
right: 0.6875rem;<br />
color: #aaaaaa;<br />
font-weight: bold;<br />
cursor: pointer; }<br />
<br />
dialog[open] {<br />
display: block;<br />
visibility: visible; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
dialog, .reveal-modal {<br />
padding: 1.875rem; }<br />
dialog.radius, .reveal-modal.radius {<br />
border-radius: 3px; }<br />
dialog.round, .reveal-modal.round {<br />
border-radius: 1000px; }<br />
dialog.collapse, .reveal-modal.collapse {<br />
padding: 0; }<br />
dialog.full, .reveal-modal.full {<br />
top: 0;<br />
left: 0;<br />
height: 100vh;<br />
min-height: 100vh;<br />
margin-left: 0 !important; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.tiny, .reveal-modal.tiny {<br />
margin-left: -15%;<br />
width: 30%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.small, .reveal-modal.small {<br />
margin-left: -20%;<br />
width: 40%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.medium, .reveal-modal.medium {<br />
margin-left: -30%;<br />
width: 60%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.large, .reveal-modal.large {<br />
margin-left: -35%;<br />
width: 70%; } }<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.xlarge, .reveal-modal.xlarge {<br />
margin-left: -47.5%;<br />
width: 95%; } }<br />
<br />
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {<br />
dialog.full, .reveal-modal.full {<br />
margin-left: -50vw;<br />
width: 100vw; } }<br />
<br />
@media print {<br />
dialog, .reveal-modal {<br />
background: white !important; } }<br />
button, .button {<br />
border-style: solid;<br />
border-width: 0px;<br />
cursor: pointer;<br />
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: normal;<br />
line-height: normal;<br />
margin: 0 0 1.25rem;<br />
position: relative;<br />
text-decoration: none;<br />
text-align: center;<br />
-webkit-appearance: none;<br />
-webkit-border-radius: 0;<br />
display: inline-block;<br />
padding-top: 1rem;<br />
padding-right: 2rem;<br />
padding-bottom: 1.0625rem;<br />
padding-left: 2rem;<br />
font-size: 1rem;<br />
background-color: #2ba6cb;<br />
border-color: #2285a2;<br />
color: white;<br />
transition: background-color 300ms ease-out; }<br />
button:hover, button:focus, .button:hover, .button:focus {<br />
background-color: #2285a2; }<br />
button:hover, button:focus, .button:hover, .button:focus {<br />
color: white; }<br />
button.secondary, .button.secondary {<br />
background-color: #e9e9e9;<br />
border-color: #2285a2;<br />
color: #333333; }<br />
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {<br />
background-color: #2285a2; }<br />
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {<br />
color: #333333; }<br />
button.success, .button.success {<br />
background-color: #5da423;<br />
border-color: #2285a2;<br />
color: white; }<br />
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {<br />
background-color: #2285a2; }<br />
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {<br />
color: white; }<br />
button.alert, .button.alert {<br />
background-color: #c60f13;<br />
border-color: #2285a2;<br />
color: white; }<br />
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {<br />
background-color: #2285a2; }<br />
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {<br />
color: white; }<br />
button.large, .button.large {<br />
padding-top: 1.125rem;<br />
padding-right: 2.25rem;<br />
padding-bottom: 1.1875rem;<br />
padding-left: 2.25rem;<br />
font-size: 1.25rem; }<br />
button.small, .button.small {<br />
padding-top: 0.875rem;<br />
padding-right: 1.75rem;<br />
padding-bottom: 0.9375rem;<br />
padding-left: 1.75rem;<br />
font-size: 0.8125rem; }<br />
button.tiny, .button.tiny {<br />
padding-top: 0.625rem;<br />
padding-right: 1.25rem;<br />
padding-bottom: 0.6875rem;<br />
padding-left: 1.25rem;<br />
font-size: 0.6875rem; }<br />
button.expand, .button.expand {<br />
padding-right: 0;<br />
padding-left: 0;<br />
width: 100%; }<br />
button.left-align, .button.left-align {<br />
text-align: left;<br />
text-indent: 0.75rem; }<br />
button.right-align, .button.right-align {<br />
text-align: right;<br />
padding-right: 0.75rem; }<br />
button.radius, .button.radius {<br />
border-radius: 3px; }<br />
button.round, .button.round {<br />
border-radius: 1000px; }<br />
button.disabled, button[disabled], .button.disabled, .button[disabled] {<br />
background-color: #2ba6cb;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
background-color: #2285a2; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
color: white; }<br />
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {<br />
background-color: #2ba6cb; }<br />
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {<br />
background-color: #e9e9e9;<br />
border-color: #2285a2;<br />
color: #333333;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
background-color: #2285a2; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
color: #333333; }<br />
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {<br />
background-color: #e9e9e9; }<br />
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {<br />
background-color: #5da423;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
background-color: #2285a2; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
color: white; }<br />
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {<br />
background-color: #5da423; }<br />
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {<br />
background-color: #c60f13;<br />
border-color: #2285a2;<br />
color: white;<br />
cursor: default;<br />
opacity: 0.7;<br />
box-shadow: none; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
background-color: #2285a2; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
color: white; }<br />
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {<br />
background-color: #c60f13; }<br />
<br />
button::-moz-focus-inner {<br />
border: 0;<br />
padding: 0; }<br />
<br />
@media only screen and (min-width: 40.063em) {<br />
button, .button {<br />
display: inline-block; } }<br />
<br />
/* ====== Remove MediaWiki Look ====== */<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
#top-section {<br />
border: none;<br />
height: 0px;}<br />
#content {<br />
border: none;}<br />
<br />
/* Redesigning the topmenu */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;<br />
z-index: 1000;}<br />
#menubar {<br />
color: #000000;<br />
font-family: "Montserrat", "Helvetica", Helvetica, Arial, sans-serif;<br />
font-weight: 400;<br />
font-style: normal;<br />
line-height: 1;<br />
top: 9px;<br />
z-index: 2000;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: #cccccc;}<br />
#menubar:hover li a {<br />
color: #cccccc;}<br />
.left-menu .noprint ul li .new a {<br />
text-decoration: none;<br />
}<br />
a:hover, a:visited, a:link, a:active<br />
{<br />
text-decoration: none;<br />
}<br />
a:visited {<br />
color: black;<br />
}</div>
Angelofspeed
http://2014.igem.org/File:IPTG-NEGATIVE_TABLE.png
File:IPTG-NEGATIVE TABLE.png
2014-10-16T21:30:44Z
<p>Angelofspeed: uploaded a new version of &quot;File:IPTG-NEGATIVE TABLE.png&quot;</p>
<hr />
<div>Data Table for Lac-induced quorum sensing construct expressing GFP</div>
Angelofspeed
http://2014.igem.org/File:IPTG-POSITIVE_TABLE.png
File:IPTG-POSITIVE TABLE.png
2014-10-16T21:28:17Z
<p>Angelofspeed: uploaded a new version of &quot;File:IPTG-POSITIVE TABLE.png&quot;</p>
<hr />
<div>Data Table for Lac-induced quorum sensing construct expressing GFP</div>
Angelofspeed
http://2014.igem.org/File:IPTG-POSITIVE_TABLE.png
File:IPTG-POSITIVE TABLE.png
2014-10-16T21:25:42Z
<p>Angelofspeed: uploaded a new version of &quot;File:IPTG-POSITIVE TABLE.png&quot;</p>
<hr />
<div>Data Table for Lac-induced quorum sensing construct expressing GFP</div>
Angelofspeed