Team:UC Davis/Project/Strain

From 2012.igem.org

(Difference between revisions)
 
(76 intermediate revisions not shown)
Line 81: Line 81:
<script type="text/javascript"        src ="https://2012.igem.org/forum/forum_scripts.js"></script>
<script type="text/javascript"        src ="https://2012.igem.org/forum/forum_scripts.js"></script>
 +
<!-- slide script starts here -->
 +
<script type="text/javascript">
 +
function slider() {
 +
    var $current = $('#slides IMG.current');
 +
 +
    if ( $current.length == 0 ) $current = $('#slides IMG:last');
 +
    var $next =  $current.next().length ? $current.next()
 +
        : $('#slides IMG:first');
 +
 +
      $current.addClass('previous');
 +
    $next.css({opacity: 0.0})
 +
        .addClass('current')
 +
        .animate({opacity: 1.0}, 2500, function() {
 +
            $current.removeClass('current previous');
 +
        });
 +
 +
var $navicurrent = $('.progress li.current');
 +
if($navicurrent.length ==0) $navicurrent = $('.progress li:last');
 +
var $navinext = $navicurrent.next().length ? $navicurrent.next() : $('.progress li:first');
 +
$navicurrent.addClass('previous');
 +
$navicurrent.removeClass('current previous');
 +
$navinext.addClass('current').animate({opacity: 1.0}, 2500, function() {
 +
        });
 +
 +
$('.progress li').click(function(){
 +
   
 +
var $ncurrent = $(this);
 +
        $('.progress li').removeClass('current').removeClass('previous');
 +
        $('#slides IMG').removeClass('current').removeClass('previous');
 +
        $ncurrent.addClass('current');
 +
        var ncurrentindex = $ncurrent.index();
 +
if(  ncurrentindex=== 0) $current = $('#slides IMG:first');
 +
        if(  ncurrentindex=== 1) $current = $('#slides IMG:eq(1)');
 +
        if(  ncurrentindex=== 2) $current = $('#slides IMG:eq(2)');
 +
        if(  ncurrentindex=== 3) $current = $('#slides IMG:last');
 +
        $current.addClass('current');
 +
 +
});
 +
 +
}
 +
$(function() {
 +
    setInterval( "slider()", 5000 );
 +
});
 +
 +
$(document).ready(function(){
 +
 +
  $('a.lightbox').click(function(e) {
 +
    $('body').css('display', 'inherit'); // hide scrollbars!
 +
 +
    $('<div id="overlay"></div>')
 +
    .css('opacity', '0')
 +
      .animate({'opacity': '0.7'}, 'slow')
 +
    .click(function(){
 +
      removeLightbox();
 +
      })
 +
      .appendTo('body');
 +
 +
    $('<div id="lightbox"></div>')
 +
      .hide()
 +
      .appendTo('body');
 +
 +
    $('<img>')
 +
      .attr('src', $(this).attr('href'))
 +
      .load(function() {
 +
        positionLightboxImage();
 +
      })
 +
      .click(function() {
 +
        removeLightbox();
 +
      })
 +
      .appendTo('#lightbox');
 +
 +
    return false;
 +
  });
 +
});
 +
 +
function positionLightboxImage() {
 +
  var top = ($(window).height()  - $('#lightbox').height())/2;
 +
  var left = ($(window).width() - $('#lightbox').width())/2;
 +
 +
  $('#lightbox')
 +
    .css({
 +
      'top': top,
 +
      'left':left-80
 +
    })
 +
    .fadeIn();
 +
}
 +
 +
function removeLightbox() {
 +
 +
  $('#overlay, #lightbox')
 +
    .fadeOut('slow', function() {
 +
      $(this).remove();
 +
      $('body').css('overflow-y', 'auto'); // show scrollbars!
 +
    });
 +
}
 +
 +
 +
</script>
 +
<!-- slide script ends here -->
<style type="text/css">
<style type="text/css">
<!-- beginning of slider style -->
<!-- beginning of slider style -->
Line 89: Line 188:
min-height:100%; /* real browsers */
min-height:100%; /* real browsers */
}
}
-
#content { z-index: 1; background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; margin-top: -45px !important;
+
#content { z-index: 1; background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; top:-3px; margin-top: -45px !important;
height:auto !important; /* real browsers */
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
height:100%; /* IE6: treaded as min-height*/
Line 106: Line 205:
#menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;}
#menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;}
.right-menu ul { border: none; width: 300px;}
.right-menu ul { border: none; width: 300px;}
-
#footer-box { background-color: #216085; border: none; width: 100%; height: 100%; margin: -10px auto 0 auto; padding: 20px 0;}
+
#footer-box { background-color: #216085; border: none; width: 850px; height: 30px; margin: -10px auto 0 auto; padding: 20px 0;}
.visualClear { display: none; }
.visualClear { display: none; }
#footer { border: none; width: 850px; margin: 0 auto; padding: 0;}
#footer { border: none; width: 850px; margin: 0 auto; padding: 0;}
Line 118: Line 217:
h3#siteSub { display: none;}
h3#siteSub { display: none;}
#contentSub {display: none;}
#contentSub {display: none;}
-
p:first-child { display: none;}
+
p:first-child { display: block;}
h1{border:none; width: 100%; clear: both;}
h1{border:none; width: 100%; clear: both;}
-
<!-- end of slides style -->
 
-
 
-
body {
 
-
    background-color: #ffffff;
 
-
    color: black;
 
-
    font: x-small sans-serif;
 
-
    margin: 0;
 
-
    padding: 0;
 
-
    height:100%;
 
-
#    height:auto !important;
 
-
}
 
#globalWrapper {
#globalWrapper {
     position: relative;
     position: relative;
     font-size: 127%;
     font-size: 127%;
-
     width: 100%;
+
     width: 850px //100%;
     margin: 0;
     margin: 0;
     padding: 0;
     padding: 0;
     padding-bottom: 10px;
     padding-bottom: 10px;
-
    background-color: #ffffff;
+
#    background:url(https://static.igem.org/mediawiki/2012/c/cc/UCD_Bg_1.jpg);
-
#   height:100%;
+
#    background-repeat: no-repeat;
-
 
+
#   background-attachment: fixed;
 +
#   background-size:100% auto;
}
}
Line 149: Line 238:
     margin: 0 auto;
     margin: 0 auto;
     padding: 5px 5px 5px 5px;;
     padding: 5px 5px 5px 5px;;
-
     background: white;
+
     background: transparent;
     color: black;
     color: black;
-
    border-left: 1px solid #ffffff;
+
#    border-left: 1px solid #ffffff;
-
    border-right: 1px solid #ffffff;
+
#    border-right: 1px solid #ffffff;
-
    line-height: 1.5em;
+
#    line-height: 1.5em;
-
#    z-index: 2;
+
}
}
 +
 +
 +
body {
 +
background-color: rgba(255,255,255,1);
 +
background-image: url('https://static.igem.org/mediawiki/2012/c/cc/UCD_Bg_1.jpg');
 +
background-size: 100%;
 +
background-repeat: no-repeat;
 +
background-attachment:fixed;
 +
 +
    color: black;
 +
    font: x-small sans-serif;
 +
    margin: 0;
 +
    padding: 0;
 +
#    height:100%;
 +
}
 +
#topmenubar {
#topmenubar {
Line 211: Line 315:
         position:relative;
         position:relative;
         height:42px;
         height:42px;
-
         width: 856px;
+
         width: 850px;
         margin-left: -2px;
         margin-left: -2px;
         display:block;
         display:block;
Line 220: Line 324:
         overflow:hidden;
         overflow:hidden;
         padding:0px;  
         padding:0px;  
-
         margin:0px;  
+
         margin:2px solid transparent;  
         list-style-type:none;  
         list-style-type:none;  
         height:24px;
         height:24px;
 +
        width: 107px;
         list-style-image:none;
         list-style-image:none;
-
         background:#004b85;
+
         background: #004b85;
}
}
#newnavi .newmenu li    {
#newnavi .newmenu li    {
         float:right;  
         float:right;  
-
        height:24px;
+
         background: #004b85;
-
        width: 103px;
+
         text-align:center;
-
         background:#004b85;
+
-
         border-left: solid 2px white;
+
-
        border-right: solid 2px white;
+
}
}
#newnavi .newmenu .selected {
#newnavi .newmenu .selected {
Line 238: Line 340:
}
}
#newnavi .newmenu li a  {
#newnavi .newmenu li a  {
-
text-align:center; vertical-align:middle; width:82px; padding:5px 10px 5px 10px; display:block; color:#fff; text-decoration:none; font:14px arial, verdana, sans-serif; font-weight: bold;
+
text-align:center; vertical-align:middle; width:86px; padding:5px 10px 5px 10px; display:block; color:#fff; text-decoration:none; font:14px arial, verdana, sans-serif; font-weight: bold;
}
}
#newnavi .newmenu li:hover a {
#newnavi .newmenu li:hover a {
Line 244: Line 346:
}
}
#newnavi .newmenu ul    {
#newnavi .newmenu ul    {
-
position:absolute; left:-9999px; top:-9999px; list-style-type:none; list-style-image:none; margin:0px; border:0px; padding:0px; background:lavender;
+
position:absolute; left:-9999px; top:-9999px; list-style-type:none; list-style-image:none; margin:0px; border:0px; padding:0px; background: #05bcea;
}
}
#newnavi .newmenu li:hover      {
#newnavi .newmenu li:hover      {
Line 250: Line 352:
}
}
#newnavi .newmenu li:hover ul  {
#newnavi .newmenu li:hover ul  {
-
left:0px; top:23px; background:lavender;  width:103px; opacity:0.7; z-index:3;
+
left:0px; top:26px; background: #05bcea;  width:150px; opacity:1.0 ; z-index:4;
}
}
#newnavi .newmenu li:hover ul li        {
#newnavi .newmenu li:hover ul li        {
-
         height:17px;
+
          
-
        border:none;
+
         background: #05bcea;
-
         background:lavender;
+
}
}
#newnavi .newmenu li:hover ul li a      {
#newnavi .newmenu li:hover ul li a      {
-
text-align:center; height:17px; padding:0px;display:block; font-size:12px; width:103px; line-height:16px; text-indent:0px; color:#444;  
+
text-align:left; padding:5px 0px 5px 0px;display:block; font-size:12px; width:150px; text-indent:10px; color:#444;  
-
background-color:transparent; text-decoration:none; border:0px solid transparent;       
+
background-color: #05bcea; text-decoration:none;       
}
}
#newnavi .newmenu li:hover ul li a:hover {
#newnavi .newmenu li:hover ul li a:hover {
-
height:18px; background:silver; color:#000; border:solid 0px #444;    
+
background: #05bcea; color:#ffffff; width:150px;     
 +
}
 +
 
 +
 
 +
#newnavi .newmenu li ul li ul {
 +
        height:40px;
 +
        left:299px;
 +
        top:-26px;
 +
        margin: 0;
 +
padding: 0;
 +
list-style: none;
 +
width: 150px;
 +
        position:absolute;
 +
display:none;
 +
}
 +
 
 +
#newnavi .newmenu li ul li ul li {
 +
position:relative;
 +
background: #05bcea;
 +
width: 150px;
 +
}
 +
 
 +
#newnavi .newmenu li ul li ul li a {
 +
 
 +
padding:5px 0px 5px 0px;display:block; font-size:12px; width:100px; text-indent:10px; color:#444;
 +
background-color: #05bcea; text-decoration:none;
 +
}
 +
 
 +
#newnavi .newmenu li ul li:hover ul {
 +
display:block;
 +
color:#ffffff;
 +
width:150px;
 +
background:transparent;
 +
}
 +
 
 +
#newnavi .newmenu li ul li:hover ul li {
 +
top:-25px;
 +
left:150px;
 +
margin-bottom:-1px;
 +
height:26px;
 +
}
 +
 
 +
#newnavi .newmenu li ul li:hover ul li a {
 +
 
 +
padding:5px 0px 5px 0px;display:block; font-size:12px; text-indent:10px; color:#444;
 +
background-color: #05bcea; text-decoration:none;border:0px solid;
 +
}
 +
 
 +
#slides {
 +
    position:relative;
 +
    height:280px;
 +
    width: 840px
 +
   
 +
}
 +
 
 +
#slides IMG {
 +
        position:absolute;
 +
        opacity:0.0;
 +
        top:0px;   
 +
        left:0px;
 +
        z-index:1;   
 +
}
 +
 
 +
#slides .current {
 +
    z-index:3;
 +
    opacity:1.0;
 +
}
 +
 
 +
#slides .previous {
 +
    z-index:2;
 +
}
 +
 
 +
.progress {
 +
 
 +
margin-top:-270px;
 +
margin-left:20px;
 +
position:absolute;
 +
 
 +
}
 +
 
 +
.progress li{
 +
border:1px solid rgba(0,0,0,0.9);
 +
border-radius:3px;
 +
margin-left: 5px;
 +
float:left;
 +
display:block;
 +
position:relative;
 +
z-index:10;
 +
background-color:rgba(255,255,255,0.4);
 +
}
 +
 
 +
.progress li a{
 +
    padding-left: 6px;
 +
    padding-right: 6px;
 +
}
 +
 
 +
.progress li a:hover {
 +
text-decoration:none;
 +
}
 +
 
 +
.progress .current {
 +
background-color:white;
 +
}
 +
 
 +
#myleftrightbox
 +
{
 +
position:relative;
 +
width:850px;
 +
float:left;
 +
background-color:transparent;
 +
margin-top: 0px;
 +
margin-left:3.75px solid transparent;
 +
margin-right:3.75px solid transparent;
 +
border-radius: 4px;
 +
padding: 0px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 
 +
#myleftrightbox .fourboxes
 +
{
 +
width:191px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 15px;
 +
margin-left:3.75px solid #e8eff1;
 +
margin-right:3.75px solid #e8eff1;
 +
margin-bottom:0px;
 +
border-radius: 4px;
 +
padding: 8.5px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 
 +
#myleftrightbox .fourboxes-1
 +
{
 +
width:191px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 15px;
 +
margin-left:3.75px solid #e8eff1;
 +
margin-right:3.75px solid #e8eff1;
 +
margin-bottom:0px;
 +
border-radius: 4px;
 +
padding: 8.5px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 
 +
#myleftrightbox .fourboxes-2
 +
{
 +
width:191px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 15px;
 +
margin-left:3.75px solid #e8eff1;
 +
margin-right:3.75px solid #e8eff1;
 +
margin-bottom:0px;
 +
border-radius: 4px;
 +
padding: 8.5px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 
 +
#myleftrightbox .fourboxes-3
 +
{
 +
width:191px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 15px;
 +
margin-left:3.75px solid #e8eff1;
 +
margin-right:3.75px solid #e8eff1;
 +
margin-bottom:0px;
 +
border-radius: 4px;
 +
padding: 8.5px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 
 +
#myleftrightbox .fourboxes-4
 +
{
 +
width:191px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 15px;
 +
margin-left:3.75px solid #e8eff1;
 +
margin-right:3.75px solid #e8eff1;
 +
margin-bottom:0px;
 +
border-radius: 4px;
 +
padding: 8.5px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 
 +
#myleftrightbox .fourboxes-1:hover {
 +
background-color:green;
 +
}
 +
#myleftrightbox .fourboxes-2:hover {
 +
background-color:orange;
 +
}
 +
#myleftrightbox .fourboxes-3:hover {
 +
background-color:#05bcea;
 +
}
 +
#myleftrightbox .fourboxes-4:hover {
 +
background-color:#4a4a4a;
 +
}
 +
 
 +
#myleftrightbox .fourboxes2
 +
{
 +
width:191px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 5px;
 +
margin-left:3.75px solid #e8eff1;
 +
margin-right:3.75px solid #e8eff1;
 +
margin-bottom:0px;
 +
border-radius: 4px;
 +
padding: 8.5px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 
 +
#myleftrightbox .spacebox
 +
{
 +
float:left;
 +
width:5px;
 +
 
 +
}
 +
#myleftbox
 +
{
 +
position:relative;
 +
width:625px;
 +
float:left;
 +
background-color:;
 +
margin-top: 0px;
 +
border-radius: 4px;
 +
padding: 0px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
#myleftbox .smallbox
 +
{
 +
width:604px;
 +
float:left;
 +
background-color:#bfbfbf;
 +
margin-top: 15px;
 +
border-radius: 4px;
 +
padding: 15px 15px 15px 15px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
line-height:1.5em;
 +
color:black;
 +
}
 +
#myleftbox .smallbox h1
 +
{
 +
color:#004b85;
 +
font-weight:bold;
 +
}
 +
#myleftbox .smallbox p
 +
{
 +
color: #004b85;
 +
font-weight:bold;
 +
}
 +
#myleftbox .smallboxsite
 +
{
 +
width:604px;
 +
float:left;
 +
background-color:rgba(191,191,191,0.6 );
 +
margin-top: 17px;
 +
border-radius: 4px;
 +
padding: 15px 15px 15px 15px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
line-height:1.5em;
 +
color:black;
 +
 
 +
}
 +
#myleftbox .threeboxes
 +
{
 +
width:191px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 15px;
 +
border-radius: 4px;
 +
border-left:2px solid #e8eff1;
 +
border-right:2px solid #e8eff1;
 +
padding: 7px 7px 7px 7px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 
 +
#myleftbox .threeboxes2
 +
{
 +
width:191px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 5px;
 +
border-radius: 4px;
 +
border-left:2px solid #e8eff1;
 +
border-right:2px solid #e8eff1;
 +
padding: 7px 7px 7px 7px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 
 +
#myleftbox .threeleft
 +
{
 +
width:175px;
 +
float:left;
 +
background-color:#ba9108;
 +
margin-top: -52px;
 +
border-radius: 4px;
 +
padding: 15px 15px 15px 15px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 
 +
#myleftbox .threecenter
 +
{
 +
width:175px;
 +
#float:left;
 +
background-color:#ba9108;
 +
margin-top: -52px;
 +
border-radius: 4px;
 +
padding: 15px 15px 15px 15px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
#myleftbox .threeright
 +
{
 +
width:175px;
 +
float:right;
 +
background-color:#ba9108;
 +
margin-top: -52px;
 +
border-radius: 4px;
 +
padding: 15px 15px 15px 15px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 
 +
 
 +
 
 +
#myleftbox .twoboxes
 +
{
 +
width:295px;
 +
height:120px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 15px;
 +
border-radius: 4px;
 +
border-left:2px solid #e8eff1;
 +
border-right:2px solid #e8eff1;
 +
padding: 7px 7px 7px 7px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 
 +
#myleftbox .twoboxes1
 +
{
 +
width:295px;
 +
height:120px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 15px;
 +
border-radius: 4px;
 +
border-left:1px solid #e8eff1;
 +
border-right:2px solid #e8eff1;
 +
padding: 7px 7px 7px 7px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
left:9px;
 +
}
 +
 
 +
#myleftbox .twoboxes:hover {
 +
background-color:red;
 +
}
 +
 
 +
#myleftbox .twoboxes1:hover {
 +
background-color:green;
 +
}
 +
 
 +
#sponsorbox
 +
{
 +
position: relative;
 +
width: 208px;
 +
margin-top:15px;
 +
float: right;
 +
height: auto;
 +
}
 +
 
 +
#sponsorbox .sponsorfloat
 +
{
 +
left:-3px;
 +
width:198px;
 +
float: right;
 +
background-color: #004b85;
 +
margin-top: 0px;
 +
margin-bottom:5px;
 +
border-radius: 4px;
 +
padding: 5px 5px 5px 5px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: rgba(225,225,225,1);
 +
}
 +
 
 +
#sponsorbox .sponsorfloat h2
 +
{
 +
#color:#ba9108;
 +
color:white;
 +
font-size:130%;
 +
}
 +
 
 +
#sponsorbox .sponsorfloat a
 +
{
 +
color:white;
 +
font: sans-serif;
 +
}
 +
 
 +
#sponsorbox .sponsorfloat p
 +
{
 +
font: sans-serif;
 +
}
 +
 
 +
#sponsorbox .sponsorfloat1
 +
{
 +
left:-3px;
 +
width:192px;
 +
float: right;
 +
background-color: rgba(143, 143, 143, 0.7);
 +
margin-top: 0px;
 +
margin-bottom:5px;
 +
border-radius: 4px;
 +
padding: 8px 8px 8px 8px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: rgba(225,225,225,1);
 +
}
 +
 
 +
#sponsorbox .sponsorfloat1:hover {
 +
background: #ff0000;
 +
}
 +
 
 +
#sponsorbox .sponsorfloat2
 +
{
 +
left:-3px;
 +
width:192px;
 +
float: right;
 +
background-color: rgba(143, 143, 143, 0.7);
 +
margin-top: 0px;
 +
margin-bottom:5px;
 +
border-radius: 4px;
 +
padding: 8px 8px 8px 8px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: rgba(225,225,225,1);
 +
}
 +
 
 +
#sponsorbox .sponsorfloat2:hover {
 +
background: #008000;
 +
}
 +
 
 +
.newsAnnouncement
 +
{
 +
width:205px;
 +
height:110px;
 +
overflow-x:hidden;
 +
overflow-y:scroll;
}
}
Line 283: Line 865:
font-weight:bold;
font-weight:bold;
font-size: 40px;
font-size: 40px;
-
color: #004b85;;
+
color: #016D8B;;
-
left:10px;
+
-
}
+
-
 
+
-
.floatbox3 hp{
+
-
font-weight:bold;
+
-
font-size: 20px;
+
-
color: #004b85;;
+
left:10px;
left:10px;
}
}
Line 318: Line 893:
     padding: 0 .0em;}
     padding: 0 .0em;}
-
 
+
#catlinks {
 +
background-color:transparent;
 +
border:1px solid transparent;
 +
}
 +
#footpage {
 +
background-color:transparent;
 +
}
 +
#footer-box {
 +
background-color:rgba(191,191,191,0.5);
 +
margin-top:0px;
 +
}
#footer-box-1 {
#footer-box-1 {
          
          
Line 327: Line 912:
         border: 1px solid #444444;
         border: 1px solid #444444;
}
}
 +
#tweets {
 +
    width: 203px;
 +
    margin: 0 auto;
 +
    font: sans-serif;
 +
    font-size: 12px;
 +
}
 +
 +
#tweets .twtr-widget,
 +
#tweets .twtr-doc {
 +
 +
    width: 100%;
 +
    height: auto;
 +
}
 +
 +
#tweets .twtr-hd {
 +
    display:none;
 +
    background: #d40;
 +
    color: #fff;
 +
    -moz-border-radius: 4px 4px 0 0;
 +
    border-radius: 4px 4px 0 0;
 +
    font-family: sans-serif !important;
 +
    }
 +
 +
#tweets .twtr-hd *,
 +
#tweets .twtr-hd h4 a {
 +
 +
    background: #d40 !important;
 +
    font: sans-serif !important;
 +
}
 +
 +
#tweets .twtr-hd h3,
 +
#tweets .twtr-hd h4 {
 +
 +
    font-weight: normal;
 +
    text-align: left;
 +
    margin:0;
 +
}
 +
 +
#tweets .twtr-hd h3 {
 +
       
 +
    background: #fff !important;
 +
    color: #333 !important;
 +
    font: sans-serif;
 +
    font-size: 1.0em !important;
 +
    padding: 0.2em !important;
 +
    -moz-border-radius: 0px;
 +
    border-radius: 0px;
 +
 +
}
 +
 +
#tweets .twtr-tweet {
 +
 +
    background: #fff;
 +
    font: sans-serif !important;
 +
    font-size: 12px;
 +
}
 +
 +
#tweets .twtr-tweet a:link,
 +
#tweets .twtr-tweet a:visited,
 +
#tweets .twtr-tweet a:hover {
 +
 +
    color: #c40 !important;
 +
 +
}
 +
 +
#tweets .twtr-tweet .twtr-tweet-text {
 +
 +
    border-bottom: 1px dashed #666 !important;
 +
    padding-bottom: 4px !important;
 +
    font: sans-serif;
 +
    font-size:12px;
 +
}
 +
 +
#tweets .twtr-tweet .twtr-tweet-text p {
 +
 +
    color: #333 !important;
 +
    font: sans-serif;
 +
    font-size: 12px;
 +
 +
}
 +
 +
#overlay {
 +
  z-index:2;
 +
  position:fixed;
 +
  top: 0;
 +
  left: 0;
 +
  height: 100%;
 +
  width: 100%;
 +
  background: black no-repeat scroll center center;
 +
}
 +
 +
#lightbox {
 +
  position: fixed;
 +
  width:840;
 +
  z-index:2;
 +
}
</style>
</style>
Line 342: Line 1,023:
    <ul>
    <ul>
  <li style='color:#014457; cursor:default'><a>teams</a></li>
  <li style='color:#014457; cursor:default'><a>teams</a></li>
-
                    <li class='selected'        ><a href="https://2012.igem.org/Team:UC_Davis">Page</a></li>
+
                    <li class='selected'        ><a href="https://2012.igem.org/Team:UC_Davis/Project/Strain">Page</a></li>
-
                 <li class='new'><a href="https://2012.igem.org/wiki/index.php?title=Talk:Team:UC_Davis&amp;action=edit&amp;redlink=1">Discussion</a></li>
+
                 <li class='new'><a href="https://2012.igem.org/wiki/index.php?title=Talk:Team:UC_Davis/Project/Strain&amp;action=edit&amp;redlink=1">Discussion</a></li>
               <li><a href="https://2012.igem.org/wiki/index.php?title=Team:UC_Davis/Project/Strain&action=edit">Edit</a></li>
               <li><a href="https://2012.igem.org/wiki/index.php?title=Team:UC_Davis/Project/Strain&action=edit">Edit</a></li>
-
                           <li><a href="https://2012.igem.org/wiki/index.php?title=Team:UC_Davis&amp;action=history">History</a></li>
+
                           <li><a href="https://2012.igem.org/wiki/index.php?title=Team:UC_Davis/Project/Strain&amp;action=history">History</a></li>
-
                 <li><a href="https://2012.igem.org/Special:MovePage/Team:UC_Davis">Move</a></li>
+
                 <li><a href="https://2012.igem.org/Special:MovePage/Team:UC_Davis/Project/Strain">Move</a></li>
-
                           <li><a href="https://2012.igem.org/wiki/index.php?title=Team:UC_Davis&amp;action=watch">Watch</a></li>
+
                           <li><a href="https://2012.igem.org/wiki/index.php?title=Team:UC_Davis/Project/Strain&amp;action=watch">Watch</a></li>
  <li><a href="https://igem.org/Login">Log in</a></li>
  <li><a href="https://igem.org/Login">Log in</a></li>
Line 355: Line 1,036:
   <div id="newnavi">
   <div id="newnavi">
     <ul class="newmenu">
     <ul class="newmenu">
-
        <li ><a href="https://2012.igem.org/" title="Back to iGEM">iGEM</a></li>
+
    <li ><a target="new" href="https://2012.igem.org/" title="Back to iGEM">iGEM</a>
 +
          <ul>
 +
          <li><a target="new" href="https://2012.igem.org/">Main iGEM</a></li>
 +
          <li><a href="https://2012.igem.org/Team:UC_Davis/Criteria">Criteria</a></li>
 +
          <li><a href="https://2012.igem.org/Team:UC_Davis/Human_Practices">Human Practices</a></li>
 +
          </ul>
 +
        </li>
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Attributions" title="Attributions">Attributions</a></li>
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Attributions" title="Attributions">Attributions</a></li>
-
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Data" title="Data">Data</a>
+
         <li ><a title="https://2012.igem.org/Team:UC_Davis/Data" title="Data">Data</a>
           <ul>
           <ul>
-
             <li ><a href="./Data.htm ">Data 1</a></li>
+
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Data/Cutinase_Activity" title="Data">Cutinase Activity</a></li>
-
             <li ><a href="./Data.htm ">Data 2</a></li>
+
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Data/Ethylene_Glycol"
-
            <li ><a href="./Data.htm ">Data 3</a></li>
+
title="Data">Ethylene Glycol</a></li>
-
        </ul>
+
<li ><a href="https://2012.igem.org/Team:UC_Davis/Data/Modeling"
 +
title="Data">Modeling</a></li>
 +
 
 +
            <li ><a href="https://2012.igem.org/Team:UC_Davis/Parts">Parts</a></li>
 +
          </ul>
         </li>
         </li>
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook" title="Notebook">Notebook</a>
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook" title="Notebook">Notebook</a>
           <ul>
           <ul>
-
             <li ><a href="./Notebook.htm ">Week 1</a></li>
+
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook">Notebook</a></li>
-
             <li ><a href="./Notebook.htm ">Week 2</a></li>
+
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook/Protocols ">Protocols</a></li>
-
             <li ><a href="./Notebook.htm ">Week 3</a></li>
+
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook/Gallery">Gallery</a></li>
           </ul>
           </ul>
         </li>
         </li>
Line 378: Line 1,069:
         <li class="selected"><a href="https://2012.igem.org/Team:UC_Davis/Project" title="Project">Project</a>
         <li class="selected"><a href="https://2012.igem.org/Team:UC_Davis/Project" title="Project">Project</a>
           <ul>
           <ul>
-
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Strain">Strain</a></li>
+
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project">Project Overview</a></li>
-
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Catalyst">Catalyst</a></li>
+
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Catalyst">Module Engineering</a></li>
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Protein_Engineering">Protein Engineering</a></li>
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Protein_Engineering">Protein Engineering</a></li>
 +
            <li ><a title="https://2012.igem.org/Team:UC_Davis/Project/Strain">Chassis Engineering </a>
 +
  <ul>
 +
                <li><a href="https://2012.igem.org/Team:UC_Davis/Project/Strain">Background</a></li>
 +
        <li><a href="https://2012.igem.org/Team:UC_Davis/Project/Directed_Evolution">Directed Evolution</a></li>
 +
                <li><a href="https://2012.igem.org/Team:UC_Davis/Project/Our_Strain">Rational Engineering </a></li>
 +
</ul>
 +
</li>
           </ul>
           </ul>
         </li>
         </li>
Line 387: Line 1,085:
     </ul>
     </ul>
   </div>
   </div>
 +
<!-- slide show starts here
 +
<div id="slides">
 +
 +
    <img  src="https://static.igem.org/mediawiki/2012/c/cf/UCD_slide1.jpg" width="850" height="280" alt="" class="current" />
 +
    <img  src="https://static.igem.org/mediawiki/2012/e/e3/UCD_Slide_2.jpg" width="850" height="280" alt="" />
 +
    <img  src="https://static.igem.org/mediawiki/2012/d/d9/UCD_Slide_3.jpg" width="850" height="280" alt="" />
 +
    <img  src="https://static.igem.org/mediawiki/2012/a/a4/UCD_Slide_4.jpg" width="850" height="280" alt="" />
 +
</div>
 +
    <ul class="progress">
 +
<li class="current"><a href="#n_0">1</a> </li>
 +
<li><a href="#n_1">2</a> </li>
 +
        <li><a href="#n_2">3</a> </li>
 +
        <li><a href="#n_3">4</a> </li>
 +
    </ul>
 +
slide show ends here -->
 +
 +
<img src="https://static.igem.org/mediawiki/2012/4/47/UCD_chassis_engineering_banner.jpg">
 +
 +
<div id="bodyContent"> 
 +
<!--  <div id="contentSub"></div> -->
 +
<!--  </div> -->
 +
<!-- float: right; first try -->
 +
<!-- 1st row four boxes starts here -->
 +
<div id="myleftrightbox">
 +
<div id="myleftrightbox"  class="fourboxes-1">
 +
<a href="https://2012.igem.org/Team:UC_Davis/Project"><img src="https://static.igem.org/mediawiki/2012/7/73/UCD_project_small_banner.jpg
 +
"></a>
 +
</div>
 +
<div id="myleftrightbox"  class="spacebox">
 +
<p></p>
 +
</div>
 +
<div id="myleftrightbox"  class="fourboxes-2">
 +
<a href="https://2012.igem.org/Team:UC_Davis/Project/Catalyst"><img src="https://static.igem.org/mediawiki/2012/5/55/UCD_modular_small_banner.jpg
 +
"></a>
 +
</div>
 +
<div id="myleftrightbox"  class="spacebox">
 +
<p></p>
 +
</div>
 +
<div id="myleftrightbox"  class="fourboxes-3">
 +
<a href="https://2012.igem.org/Team:UC_Davis/Project/Protein_Engineering"><img src="https://static.igem.org/mediawiki/2012/f/ff/UCD_protein_small_banner.jpg"></a>
 +
</div>
 +
<div id="myleftrightbox"  class="spacebox">
 +
<p></p>
 +
</div>
 +
<div id="myleftrightbox"  class="fourboxes-4">
 +
<a href="https://2012.igem.org/Team:UC_Davis/Criteria"><img src="https://static.igem.org/mediawiki/2012/1/18/UCD_criteria_small_banner.jpg"></a>
 +
</div>
 +
</div>
 +
<!-- 1st row four boxes ends here -->
 +
 +
 +
<!-- <div id="sponsorbox" style="width:220px; float:right;"> -->
 +
 +
<div id="sponsorbox">
 +
 +
<div id="sponsorbox" class="sponsorfloat1">
 +
 +
<a href="https://2012.igem.org/Team:UC_Davis/Project/Directed_Evolution"><img src="https://static.igem.org/mediawiki/2012/d/df/UCD_Directed_small_banner.jpg"></a>
 +
</div>
 +
 +
<div id="sponsorbox" class="sponsorfloat2">
 +
 +
<a href="https://2012.igem.org/Team:UC_Davis/Project/Our_Strain"><img src="https://static.igem.org/mediawiki/2012/4/47/UCD_Rational_small_banner.jpg"></a>
 +
</div>
 +
 +
<div id="sponsorbox" class="sponsorfloat">
 +
<!-- twitter starts here -->
 +
</script>
 +
<div id="tweets">
 +
<center>
 +
<h2>UCDavis iGEM Tweets</h2>
 +
</center>
 +
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
 +
<script>
 +
new TWTR.Widget({
 +
  version: 2,
 +
  type: 'profile',
 +
  rpp: 10,
 +
  interval: 30000,
 +
  width: 203,
 +
  height: 100,
 +
 
 +
  theme: {
 +
    shell: {
 +
      background: '#004b85',
 +
      color: '#ffffff'
 +
    },
 +
    tweets: {
 +
      background: '#004b85',
 +
      color: '#ffffff',
 +
      links: '#4aed05'
 +
    }
   
   
-
+
  },
-
<img src="http://img.photobucket.com/albums/v26/bluemelon/project_banner1.jpg" width="850" height="228">
+
  features: {
 +
    scrollbar: true,
 +
    loop: false,
 +
    live: true,
 +
    behavior: 'all'
 +
  }
 +
}).render().setUser('UCDavisiGEM').start();
-
  <div id="bodyContent">  
+
</script>
-
            <div id="contentSub"></div>
+
</div>
 +
<!-- twitter ends here -->
 +
</div>
-
<br>
+
<div id="sponsorbox" class="sponsorfloat">
 +
<center>
 +
<h2>Our Sponsors</h2>
 +
<a href="http://www.novozymes.com/en/Pages/default.aspx" target="_blank"><img src="https://static.igem.org/mediawiki/2011/2/21/UCD_Novozymes-logo.jpg" width="200"></a>
 +
</center>
-
  <div class="floatbox3">
+
<center>
-
<h1> Strain </h1>
+
<a href="http://engineering.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2011/f/f6/UCD_CoE.png" width="200" height="40"></a>
-
<article>
+
</center>
-
</article>
+
<center>
-
  </div>
+
<a href="http://biosci.ucdavis.edu/index_js.html" target="_blank"><img src="https://static.igem.org/mediawiki/2011/b/b1/UCD_biosci_sponsor.jpg" width="200" height="90"></a>
 +
</center>
-
<br>
+
<center>
-
<div class="floatbox3">
+
<a href="http://www.genomecenter.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2011/1/1b/UCD_Genome_center_sponsor.jpg" width="200" height="60"></a>
-
<hp>Background</hp>
+
</center>
 +
 
 +
<center>
 +
<a href="http://www.cs.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2012/6/6b/UCD_Computer_sponsor.jpg" width="200"></a>
 +
</center>
 +
 
 +
<center>
 +
<a href="http://www.bme.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2011/4/40/UCD_BME_logo_minimal_copy.png" width="200 height="70"></a>
 +
</center>
 +
 
 +
<center>
 +
<a href="http://www.fishersci.com" target="_blank"><img src="https://static.igem.org/mediawiki/2011/a/a4/UCD_Fisher_Logo.gif" width="200"></a>
 +
</center>
 +
 
 +
<center>
 +
<a href="http://www.arcadiabio.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2012/4/46/UCD_Arcadia_sponsor.jpg
 +
" width="200"></a>
 +
</center>
 +
 
 +
<center>
 +
<a href="http://provost.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2012/8/82/UCD_Provost_sponsor.jpg
 +
" width="200"></a>
 +
</center>
 +
 
 +
<center>
 +
<a href="http://www.research.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2012/9/99/UCD_Research_sponsor.jpg" width="200"></a>
 +
</center>
 +
 
 +
<center>
 +
<a href="http://ucomm.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2012/b/b4/UCD_Communications_sponsor.jpg" width="200"></a>
 +
</center>
 +
 
 +
<center>
 +
<a title="" target="_blank"><img src="https://static.igem.org/mediawiki/2012/2/25/UCD_Schultz_sponsor.jpg
 +
" width="200"></a>
 +
</center>
 +
 
 +
</div>
 +
</div>
 +
<!--  <br> -->
 +
<!-- div id="myleftbox" style="width:625px; float:left;" -->
 +
<div id="myleftbox">
 +
 
 +
<div id="myleftbox"  class="smallbox">
 +
<h1>Chassis Engineering: Background</h1>
<article>
<article>
-
We found an <i>E. coli</i> mutant that is able to grow on ethylene glycol, one of the two products created during PET degradation. One goal of our project is to maximize breakdown of ethylene glycol as much as possible because it is a toxin, and also because once broken down, it can later be used in metabolism, which makes our whole project more self sustaining. The strain we found is from Barcelona, Spain, and can survive on ethylene glycol as the only carbon source [1]
+
Chassis or strain engineering focuses on the modification of chromosomes instead of plasmids and encompasses both <a href="https://2012.igem.org/Team:UC_Davis/Project/Directed_Evolution">directed evolution</a>
 +
and <a href="https://2012.igem.org/Team:UC_Davis/Project/Our_Strain">rational engineering</a>. This part of the project focuses on the elimination of ethylene glycol, a degradation product of PET that is metabolized to oxalic acid further downstream the metabolic pathway. Oxalic acid is toxic to the kidney and fatal to the organism (2). (For a look at how we handled these compounds safely, look at our <a href="https://2012.igem.org/Team:UC_Davis/Safety">Safety Page</a>!)
 +
<br>
 +
<center>
 +
<img src="https://static.igem.org/mediawiki/2012/f/f0/UCD_figure_chassis_background.png">
 +
</center>
 +
<br>
 +
Once we discovered the potential toxicity of our project, we searched high and low to find ways to eliminate ethylene glycol (EG) as much as possible. In the scientific literature, we found that no wild-type <i>E. coli</i> can utilize EG (1). However, we did find an <I>E. coli</I> mutant, called Strain E-15 EG3, from the University of Barcelona, that is able to grow on ethylene glycol alone (1). While the University of Barcelona's paper on Strain E-15 EG3 was published nearly 30 years ago, we contacted the authors and asked for the strain to perform our own testing. The researchers were able to find the strain in one of their freezers and ship it to our lab. We have dubbed the rediscovery of the strain "Freezer Archaeology".
 +
 
 +
<br><br>By performing various experiments on MG1655 including directed evolution, which selects the cells with the most fitness in a population, and ethyl methylsulfonate (EMS), which introduces random mutations to a population, the scientists learned that the main contributors in the degradation were propanediol oxidoreductase and glycolaldehyde dehydrogenase. These two enzymes are expressed at low levels in MG1655 but not at all in DH5α. We worked to overexpress these enzymes in MG1655 through directed strain engineering, and also clone the enzymes from MG1655 for more control, by performing our own directed evolution, EMS, rational engineering, and site-directed mutagenesis experiments. 
 +
 
</article></div>
</article></div>
 +
<br>
<br>
-
<div class="floatbox3">
+
<div id="myleftbox"  class="smallbox">
-
<hp>What we're doing</hp>
+
<h1>Pathway Goals</h1>
 +
 
<article>
<article>
-
   
+
Since ethylene glycol (EG) is a potential toxin to any mammals that consume it, we worked to break EG down as efficiently as possible so that none of the ethylene glycol is released into the environment. We have engineered our <I>E. coli</I> to degrade ethylene glycol so that no human intervention is necessary.  
-
<br>
+
 
-
We previously learned that the strain we had received from Barcelona possessed the ability to decompose ethylene glycol to glycolate via the enzymes glycolaldehyde reductase and glycolaldehyde dehydrogenase. Our goal was to reproduce this ability with plasmids expressed in DH5&alpha; and MG1655, two ordinary E. coli strains that cannot degrade ethylene glycol. We devised two approaches to achieve this design using psb1A3. Our first procedure involves a polycistronic system, with two genes under the control of one promoter. We will have two variants of the plasmid, one with an inducible pBAD promoter and one with the constitutive J23101 promoter.  
+
<br>Our main goal is for the <I>E. coli</I> to be able to live off PET as the sole carbon source. In order to do this, it must be able to sequester the carbon into its metabolism. In the diagram below, the ethylene glycol binds to the glycolaldehyde reductase to form glycolaldehyde. After, the glycolaldehyde attaches to the glycolaldehyde dehydrogenase to form glycolate. The glycolate goes in to the metabolism via further reactions with glycolate dehydrogenase and malate synthase. The (S)-malate is the final product that is incorporated in to the citric acid (TCA) cycle. As the citric acid cycle propagates, more energy is made for the cell, allowing growth and self-sufficient development on PET.  
-
<br><img src="https://static.igem.org/mediawiki/2012/0/04/UCDavis_Construct1.png" style="width: 880px">
+
 
-
Our second approach separates the genes, allowing us to see if the genes can be expressed more efficiently when they are under the control of one promoter each. The separation also permits us to induce one promoter and therefore express one gene at a time. With the genes expressed independently, we are able to control the production of each enzyme and ensure equal amounts are expressed. The glycolaldehyde reductase enzyme will be under the control of the pBAD promoter; the glycolaldehyde dehydrogenase enzyme will be under the control of the pLAC promoter. Because we are employing the lac promoter, we must have the lacI operon to act as the repressor. The diagrams below depict the cassette orientation within each plasmid. For each of these set-ups, we will use restriction enzymes, gel purifications, and then ligations to piece together each sub-construct. The process is lengthy in time because of the time involved for transformations, liquid cultures, and enzymatic digests.  
+
<br><br><center><a href="https://static.igem.org/mediawiki/2012/f/f8/UCD_figure-2-large.jpg" class="lightbox"><img src="https://static.igem.org/mediawiki/2012/c/c0/UCD_figure-2-b.png "> </a> </center><br>
-
<br><img src="https://static.igem.org/mediawiki/2012/4/4d/UCDavisTecanEG.png">
+
<center><b>Note: starred enzymes are what we are using in our construct</b></center>
-
</article></div>
+
 
 +
 
 +
</article>
 +
</div>
 +
 
 +
<div id="myleftbox"  class="twoboxes">
 +
<a href="https://2012.igem.org/Team:UC_Davis/Project/Directed_Evolution"><img src="https://static.igem.org/mediawiki/2012/8/80/UCD_Directed_wide_banner-3.jpg" border="0"></a>
 +
</div>
 +
 
 +
<div id="myleftbox"  class="twoboxes1">
 +
<a href="https://2012.igem.org/Team:UC_Davis/Project/Our_Strain"><img src="https://static.igem.org/mediawiki/2012/8/86/UCD_Rational_wide_banner-1.jpg" border="0"></a>
 +
</div>
<br>
<br>
-
<div class="floatbox3">
+
<div id="myleftbox"  class="smallbox">
-
<hp>References</hp>
+
<h1>Our Strain</h1>
 +
<article>
 +
We wanted to assemble reductase and dehydrogenase to allow a modular system for simplified testing and use when compared to chromosomal testing. In addition to the use of the modular system, the sequencing of Strain E-15 EG3 shows us the other mutations in the chromosome that allow it to utilize ethylene glycol. Extracting the data from sequencing and modular testing together will help us identify the region in the MG1655 chromosome that we want to overexpress or mutate for efficient degradation of ethylene glycol.
 +
<br><br>
 +
<center><img src="https://static.igem.org/mediawiki/2012/6/64/NaFx5cZLC_fH2TU4OSvWnBVEAZy_uurW8P0QrAzoAu0.jpeg" align="left"><img src="https://static.igem.org/mediawiki/2012/2/2a/R7Bks9MIS5OuvP0sCI9qS8Uv7bJQEv6Lpk3Kb3hvM3w%2CRApFZ4v4lbtF3a00zS77EKcCaRPP35jBZ-OBwQoezS8.jpeg" align="right"></center>
 +
</article>
 +
</div>
 +
 
 +
 
 +
<br>
 +
<div id="myleftbox"  class="smallbox"><h1> References </h1>
<article>
<article>
1. Boronat, Albert, Caballero, Estrella, and Juan Aguilar. “Experimental Evolution of a Metabolic Pathway for Ethylene Glycol Utilization by <i>Escherichia coli</i>.” Journal of Bacteriology, Vol. 153 No. 1, pp. 134-139, January 1983.   
1. Boronat, Albert, Caballero, Estrella, and Juan Aguilar. “Experimental Evolution of a Metabolic Pathway for Ethylene Glycol Utilization by <i>Escherichia coli</i>.” Journal of Bacteriology, Vol. 153 No. 1, pp. 134-139, January 1983.   
-
</article></div>
+
<br>
 +
2. Bsc, S. N. and Gp Savage Bsc(hons), PhD, Nz Reg NutR. (1999), Oxalate content of foods and its effect on humans. Asia Pacific Journal of Clinical Nutrition, 8: 64–74. doi: 10.1046/j.1440-6047.1999.00038.x<br></article>
 +
</div>
 +
 +
 +
 +
<!-- site map starts here -->
 +
<div id="myleftbox"  class="smallboxsite">
 +
<ul style="font-size:10px;list-style-image:none;list-style-type:none;float:left;display:inline;color:#000000;"
 +
>
 +
 +
<li style="float:left;margin:0 10px;"><a
 +
href="https://2012.igem.org/Team:UC_Davis"><p>Home</p><ul
 +
style="text-indent:-15px;
 +
list-style-image:none;list-style-type:none;color:#000000;"><li><a
 +
style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis">Welcome</a> </li><li><a
 +
style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis">Tweets</a></li><li><a
 +
style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis">Sponsors</a> </li><li><a
 +
style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Criteria">Criteria</a> </li>
 +
</ul> </a> </li>
 +
 +
<li style="float:left;margin:0 10px;"><a
 +
href="https://2012.igem.org/Team:UC_Davis/Team"><p>Team</p><ul
 +
style="text-indent:-15px;
 +
list-style-image:none;list-style-type:none;color:#000000;"><li><a
 +
style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Team">Who we are</a>
 +
</li><li><a style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Team">Students</a></li><li><a
 +
style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Team">Advisors</a> </li>
 +
</ul> </a> </li>
 +
 +
<li style="float:left ;margin:0 10px;"><a
 +
href="https://2012.igem.org/Team:UC_Davis/Project "><p>Project</p></a>
 +
<ul style="text-indent:-15px;list-style-image:none;list-style-type:none;color:#000000"><li><a
 +
style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Project">Project Overview</a>
 +
</li><li><a style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Project/Catalyst ">Module
 +
Engineering</a></li><li><a style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Project/Protein_Engineering
 +
">Protein Engineering</a></li>
 +
<li><a style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Project/Strain ">Chassis
 +
Engineering</a></li>
 +
  <li><a style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Project/Directed_Evolution ">
 +
- Directed Evolution</a></li>
 +
  <li><a style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Project/Our_Strain "> -
 +
Rational Engineering</a></li>
 +
<li><a style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Criteria">Critera</a>
 +
</li></ul> </li>
 +
 +
<li style="float:left ;margin:0 10px"><a
 +
href="https://2012.igem.org/Team:UC_Davis/Safety "> <p>Safety</p></a>
 +
<a style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Safety "> Safety</a> </li>
 +
 +
<li style="float:left ;margin:0 10px;"><a
 +
href="https://2012.igem.org/Team:UC_Davis/Notebook ">
 +
<p>Notebook</p></a> <ul
 +
style="text-indent:-15px;list-style-image:none;list-style-type:none;color:#000000
 +
"><li><a style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Notebook">Notebook</a>
 +
</li><li><a style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Notebook/Protocols
 +
">Protocols</a> </li><li><a style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Notebook/Gallery">Gallery</a>
 +
</li><li><a style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Criteria">Critera</a> </li>
 +
</ul> </li>
 +
 +
<li style="float:left ;margin:0 10px;"><a
 +
title="https://2012.igem.org/Team:UC_Davis/Data "> <p>Data </p></a> <ul
 +
style="text-indent:-15px;list-style-image:none;list-style-type:none;color:#000000
 +
"><li><a style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Data/Cutinase_Activity ">
 +
Cutinase Activity</a> </li><li><a style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Data/Ethylene_Glycol ">
 +
Ethylene Glycol</a> </li><li><a style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Data/Modeling ">
 +
Modeling</a> </li><li><a style="color:#000000 "
 +
 +
href="https://2012.igem.org/Team:UC_Davis/Parts ">Parts</a></li> </ul>
 +
 +
<li style="float:left ;margin:0 10px"><a
 +
href="https://2012.igem.org/Team:UC_Davis/Attributions ">
 +
<p>Attribution </p></a><a style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Attributions ">
 +
Attribution</a></li>
 +
 +
<li style="float:left ;margin:0 10px"><a
 +
href="https://2012.igem.org/Main_Page "> <p>iGEM </p></a><ul
 +
style="text-indent:-15px;list-style-image:none;list-style-type:none;color:#000000
 +
"><li><a style="color:#000000 " href="https://2012.igem.org/Main_Page
 +
">Main iGEM</a> </li><li><a style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Criteria "> Criteria</a>
 +
</li><li><a style="color:#000000 "
 +
href="https://2012.igem.org/Team:UC_Davis/Human_Practices ">Human
 +
Practices</a></li> </ul>
 +
</div>
 +
<!-- site map ends here -->
 +
 +
</div>
</div>
</div>
 +
<!--  </div> -->
<script>if (window.runOnloadHook) runOnloadHook();</script>
<script>if (window.runOnloadHook) runOnloadHook();</script>
</div>
</div>
</div>
</div>
-
 
-
 
</body>
</body>
 +
<!-- footer starts here -->
 +
<br>
 +
<div id="footpage">
 +
<div class="printfooter">
 +
Retrieved from "<a href="https://2012.igem.org/Team:UC_Davis">https://2012.igem.org/Team:UC_Davis</a>"</div>
 +
<div id="catlinks"><div id='catlinks' class='catlinks catlinks-allhidden'></div></div> <!-- end content -->
 +
<div class="visualClear"></div>
 +
</div>
 +
    </div>
 +
 +
 +
<script>if (window.runOnloadHook) runOnloadHook();</script>
 +
</div>
 +
</div>
 +
<!-- footer ends here -->
</html>
</html>

Latest revision as of 18:40, 19 October 2012

Team:UC Davis - 2012.igem.org

UCDavis iGEM Tweets

Our Sponsors

Chassis Engineering: Background

Chassis or strain engineering focuses on the modification of chromosomes instead of plasmids and encompasses both directed evolution and rational engineering. This part of the project focuses on the elimination of ethylene glycol, a degradation product of PET that is metabolized to oxalic acid further downstream the metabolic pathway. Oxalic acid is toxic to the kidney and fatal to the organism (2). (For a look at how we handled these compounds safely, look at our Safety Page!)

Once we discovered the potential toxicity of our project, we searched high and low to find ways to eliminate ethylene glycol (EG) as much as possible. In the scientific literature, we found that no wild-type E. coli can utilize EG (1). However, we did find an E. coli mutant, called Strain E-15 EG3, from the University of Barcelona, that is able to grow on ethylene glycol alone (1). While the University of Barcelona's paper on Strain E-15 EG3 was published nearly 30 years ago, we contacted the authors and asked for the strain to perform our own testing. The researchers were able to find the strain in one of their freezers and ship it to our lab. We have dubbed the rediscovery of the strain "Freezer Archaeology".

By performing various experiments on MG1655 including directed evolution, which selects the cells with the most fitness in a population, and ethyl methylsulfonate (EMS), which introduces random mutations to a population, the scientists learned that the main contributors in the degradation were propanediol oxidoreductase and glycolaldehyde dehydrogenase. These two enzymes are expressed at low levels in MG1655 but not at all in DH5α. We worked to overexpress these enzymes in MG1655 through directed strain engineering, and also clone the enzymes from MG1655 for more control, by performing our own directed evolution, EMS, rational engineering, and site-directed mutagenesis experiments.

Pathway Goals

Since ethylene glycol (EG) is a potential toxin to any mammals that consume it, we worked to break EG down as efficiently as possible so that none of the ethylene glycol is released into the environment. We have engineered our E. coli to degrade ethylene glycol so that no human intervention is necessary.
Our main goal is for the E. coli to be able to live off PET as the sole carbon source. In order to do this, it must be able to sequester the carbon into its metabolism. In the diagram below, the ethylene glycol binds to the glycolaldehyde reductase to form glycolaldehyde. After, the glycolaldehyde attaches to the glycolaldehyde dehydrogenase to form glycolate. The glycolate goes in to the metabolism via further reactions with glycolate dehydrogenase and malate synthase. The (S)-malate is the final product that is incorporated in to the citric acid (TCA) cycle. As the citric acid cycle propagates, more energy is made for the cell, allowing growth and self-sufficient development on PET.


Note: starred enzymes are what we are using in our construct

Our Strain

We wanted to assemble reductase and dehydrogenase to allow a modular system for simplified testing and use when compared to chromosomal testing. In addition to the use of the modular system, the sequencing of Strain E-15 EG3 shows us the other mutations in the chromosome that allow it to utilize ethylene glycol. Extracting the data from sequencing and modular testing together will help us identify the region in the MG1655 chromosome that we want to overexpress or mutate for efficient degradation of ethylene glycol.


References

1. Boronat, Albert, Caballero, Estrella, and Juan Aguilar. “Experimental Evolution of a Metabolic Pathway for Ethylene Glycol Utilization by Escherichia coli.” Journal of Bacteriology, Vol. 153 No. 1, pp. 134-139, January 1983.
2. Bsc, S. N. and Gp Savage Bsc(hons), PhD, Nz Reg NutR. (1999), Oxalate content of foods and its effect on humans. Asia Pacific Journal of Clinical Nutrition, 8: 64–74. doi: 10.1046/j.1440-6047.1999.00038.x

Retrieved from "http://2012.igem.org/Team:UC_Davis/Project/Strain"