Team:UC Davis/Project

From 2012.igem.org

(Difference between revisions)
 
(44 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:orange;
 +
}
 +
#myleftrightbox .fourboxes-2:hover {
 +
background-color:#105ec5;
 +
}
 +
#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;
 +
}
 +
.newsAnnouncement
 +
{
 +
width:205px;
 +
height:110px;
 +
overflow-x:hidden;
 +
overflow-y:scroll;
}
}
Line 283: Line 828:
font-weight:bold;
font-weight:bold;
font-size: 40px;
font-size: 40px;
-
color: #004b85;;
+
color: #016D8B;;
left:10px;
left:10px;
}
}
Line 311: Line 856:
     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 320: Line 875:
         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 335: Line 986:
    <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">Page</a></li>
-
 
+
                 <li class='new'><a href="https://2012.igem.org/wiki/index.php?title=Talk:Team:UC_Davis/Project&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&amp;action=edit&amp;redlink=1">Discussion</a></li>
+
               <li><a href="https://2012.igem.org/wiki/index.php?title=Team:UC_Davis/Project&action=edit">Edit</a></li>
               <li><a href="https://2012.igem.org/wiki/index.php?title=Team:UC_Davis/Project&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&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">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&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 348: Line 998:
   <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 369: Line 1,029:
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Safety" title="Safety">Safety</a></li>
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Safety" title="Safety">Safety</a></li>
-
         <li class="selected"><a href="https://2012.igem.org/Team:UC_Davis/Project" title="Project">Project</a></li>
+
         <li class="selected"><a href="https://2012.igem.org/Team:UC_Davis/Project" title="Project">Project</a>
 +
          <ul>
 +
            <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">Module 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>
 +
        </li>
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Team" title="Team">Team</a></li>
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Team" title="Team">Team</a></li>
         <li ><a href="https://2012.igem.org/Team:UC_Davis" title="Home">Home</a></li>
         <li ><a href="https://2012.igem.org/Team:UC_Davis" title="Home">Home</a></li>
     </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/7/74/UCD_project_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/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-2">
 +
<a href="https://2012.igem.org/Team:UC_Davis/Project/Strain"><img src="https://static.igem.org/mediawiki/2012/e/ec/UCD_chassis_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="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>
 +
 
 +
<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>
 +
 
 +
<center>
 +
<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>
 +
</center>
 +
 
 +
<center>
 +
<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>
 +
 
 +
<center>
 +
<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>
 +
</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>Project Overview</h1>
 +
<article>
 +
Environment-friendly plastic degradation has been a challenging and daunting task for our society. Plastic, one of the greatest discoveries of the 20th century is notoriously difficult to degrade or recycle in an efficient way. The overutilization of plastic and lack of integrated methods for its recycling has created major environmental threats that we are currently facing and will continue at a greater magnitude in the future. The Pacific Gyre patch, 3.5 million tons of floating trash that consists of nets, bottles, bags, among other more obscure items is such an example [2]. Plastic poses a serious threat to land and marine life, as animals often mistake it for food, or they consume byproducts that result from its partial degradation and are often toxic to them. Interestingly, collisions with floating or submerged waste objects has caused 269 boating accidents, resulting in 15 deaths, 116 injuries and 3 million dollars in damage, although this numbers are trivial when compared to the billion dollar catastrophes and uncertain future that this environmental hazard imposes to our society [3]. Furthermore, "It costs the state of California an estimated $72 million per year to collect and dispose of one-time use disposable cups and bags. In addition, it costs California an estimated $52.2 million per year to attempt to keep our beaches clean. In total, the current annual costs to public agencies for litter prevention, cleanup, and disposal is $375.2 million" [2].
<br>
<br>
 +
<center><img src="https://static.igem.org/mediawiki/2012/a/ad/Landfilllandscape.jpg"></center><br>Polyethylene terephthalate (PET) is a commonly used plastic due to its durability and molecular stability, but its high molecular weight and hydrophobicity also make it one of the hardest plastics to degrade. Although the PET recycling rate has increased from 7% to 30% in the last few years, a majority of the plastic is still dumped in landfills and continues to pollute the environment [1]. Most plastics are made from petroleum, oil or natural gas, and a variety of chemicals that are toxic to humans (including ethylene glycol). Phthalates and Bisphenol-A (BPA) are the most common types of chemicals used to make plastic materials. Phthalates have been known to cause diseases related to cancer or hormonal imbalances. BPA is often known to leak from bottles and migrate into liquids and foods it comes into contact with. Within the landfills, rainwater can trickle through the trash, creating toxic leachate. The leachate carries microorganisms and toxic chemicals into drinking water sources [2]. Instead of approaching the problem by reducing the amount of input coming in, most firms are simply increasing the amount of bioplastic. These “biobottles” are only 30% biodegradable, meaning that there is still an influx of non-biodegradable plastic coming into our environment [4]. Currently, the processes to recycle these plastics are churning out energy, water, and greenhouse gases, creating a process that is more wasteful than sustainable. 
-
  <div class="floatbox3">
+
<br><br><center><img src="https://static.igem.org/mediawiki/2012/a/a1/Saharsaharsahar.JPG" ></center><br>This year, the UC Davis IGEM team aspires to use synthetic biology techniques to create a microbial strain that has the capacity to metabolize PET and degrade it to non-toxic compounds.  To achieve this outcome, we utilize targeted bioengineering and directed evolution techniques on the E. coli MG1655 strain, currently one of the most well-studied organisms. More specifically, the goals of our project are:
-
<h1> Project </h1>
+
 
 +
<br><br>1. Targeted bioengineering of <i>E. coli</i> MG1655 to utilize PET as a carbon source. We seek to this by introducing a couple different modules to the strain. The first module encodes a cutinase gene which has been found to degrade PET into ethylene glycol and terephthalic acid. The second encodes the first two enzymes in a pathway that has been found to feed ethylene glycol into the TCA cycle.
 +
 
 +
<br><br>2. Rational protein engineering to increase the enzymatic activity of cutinase to degrade PET.
 +
 
 +
<br><br>3. Directed evolution of the ethylene glycol degradation pathway to increase its efficiency of ethylene glycol metabolism in E. coli cultures. Reintroduction of the glycolaldehyde reductase and glycolaldehyde dehydrogenase enzymes in various constructs to MG1655 and E-15 EG3 to increase the ethylene glycol consumption beyond E-15 EG3’s original capabilities.
 +
</article></div>
 +
 
 +
 
 +
 
 +
<br>
 +
<div id="myleftbox"  class="smallbox"><h1> References </h1>
<article>
<article>
-
Polyethylene terephthalate (PET) is a commonly used plastic due to its durability and molecular stability, but its high molecular weight and hydrophobicity also make it one of the hardest plastics to degrade. PET is used in beverage containers, oven food trays, and video tapes. Although the PET recycling rate has increased from 7% to 30% in the last few years, a majority of the plastic is still dumped in landfills and continues to pollute the environment. Within the landfills, rainwater can trickle through the trash, creating toxic leachate. The leachate carries microorganisms and toxic chemicals into drinking water sources, making its impact go beyond the landfill. Plastic pollution is not isolated to landfills; plastic debris can wash up on shores and tons of plastic trash build up in the ocean. Marine animals can mistake the plastic debris as food, but since they cannot digest plastic they can starve. Plastic six pack rings can also choke animals by closing off the airway. We hope to achieve biodegradation of PET by manipulating E. coli to secrete a key enzyme called cutinase, a lipolytic and esterolytic enzyme. Degradation of PET creates two by-products, one of which is a mildly toxic compound called ethylene glycol. Ethylene glycol will be broken down by two enzymes (glycolaldehyde reductase and glycolaldehyde dehydrogenase) into glycolate, a glycolysis intermediate. Aside from ethylene glycol, another byproduct of PET degradation is terephthalic acid (TPA). It is a harmless substance that can be reused for PET production. We will not be focusing on turning TPA into a more useful material. However, we do know that a certain strain of E. coli is able to convert TPA into polyhydroxyalkanoates (PHA), a kind of biodegradable plastic. Even if the E. coli could successfully degrade a majority of the plastic, the strain would face intense competition if we were to try and implement is use in a landfill. E. coli will probably require a controlled, suitable environment to thrive in. One way to ensure this control would be to use a bioreactor.  
+
 
 +
1. Mazzoni, Mary. "PET Bottle Recycling Tops 1.5 Billion Pounds." Earth911. N.p., 13 Oct. 2011. Web. 4 Aug. 2012. <br>http://earth911.com/news/2011/10/13/pet-bottle-recycling-tops-1-5-billion-pounds/
 +
<br>
 +
2. "Pollution Prevention." Save Our Shores. Earth Resources, n.d. Web. 28 July 2012. <br>http://www.saveourshores.org/what-we-do/pollution-prevention.php
 +
<br>
 +
3. "Environmental Impact of The Garbage Patch." Environmentalimpact. University of Maine, Farmington, n.d. Web. 12 Aug. 2012. <br>http://students.umf.maine.edu/kevin.p.leary/public.www/environmentalimpact.html
 +
<br>
 +
4.      Ghosh, Labonita. "Green Drive Makes Coca-Cola & Pepsi See Red Once Again." The Economic Times. Bennett, Coleman & Co. Ltd., 23 Feb. 2012. Web. 05 Aug. 2012. <br>http://articles.economictimes.indiatimes.com/2012-02-23/news/31091279_1_coca-cola-bottle-plant-bottle-carbon-footprint
 +
 
</article>
</article>
-
  </div>
+
</div>
-
<br>
 
-
  <div class="floatbox3">
 
-
<h1> What we did </h1>
 
-
  </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 02:48, 4 October 2012

Team:UC Davis - 2012.igem.org

UCDavis iGEM Tweets

Our Sponsors

Project Overview

Environment-friendly plastic degradation has been a challenging and daunting task for our society. Plastic, one of the greatest discoveries of the 20th century is notoriously difficult to degrade or recycle in an efficient way. The overutilization of plastic and lack of integrated methods for its recycling has created major environmental threats that we are currently facing and will continue at a greater magnitude in the future. The Pacific Gyre patch, 3.5 million tons of floating trash that consists of nets, bottles, bags, among other more obscure items is such an example [2]. Plastic poses a serious threat to land and marine life, as animals often mistake it for food, or they consume byproducts that result from its partial degradation and are often toxic to them. Interestingly, collisions with floating or submerged waste objects has caused 269 boating accidents, resulting in 15 deaths, 116 injuries and 3 million dollars in damage, although this numbers are trivial when compared to the billion dollar catastrophes and uncertain future that this environmental hazard imposes to our society [3]. Furthermore, "It costs the state of California an estimated $72 million per year to collect and dispose of one-time use disposable cups and bags. In addition, it costs California an estimated $52.2 million per year to attempt to keep our beaches clean. In total, the current annual costs to public agencies for litter prevention, cleanup, and disposal is $375.2 million" [2].

Polyethylene terephthalate (PET) is a commonly used plastic due to its durability and molecular stability, but its high molecular weight and hydrophobicity also make it one of the hardest plastics to degrade. Although the PET recycling rate has increased from 7% to 30% in the last few years, a majority of the plastic is still dumped in landfills and continues to pollute the environment [1]. Most plastics are made from petroleum, oil or natural gas, and a variety of chemicals that are toxic to humans (including ethylene glycol). Phthalates and Bisphenol-A (BPA) are the most common types of chemicals used to make plastic materials. Phthalates have been known to cause diseases related to cancer or hormonal imbalances. BPA is often known to leak from bottles and migrate into liquids and foods it comes into contact with. Within the landfills, rainwater can trickle through the trash, creating toxic leachate. The leachate carries microorganisms and toxic chemicals into drinking water sources [2]. Instead of approaching the problem by reducing the amount of input coming in, most firms are simply increasing the amount of bioplastic. These “biobottles” are only 30% biodegradable, meaning that there is still an influx of non-biodegradable plastic coming into our environment [4]. Currently, the processes to recycle these plastics are churning out energy, water, and greenhouse gases, creating a process that is more wasteful than sustainable.


This year, the UC Davis IGEM team aspires to use synthetic biology techniques to create a microbial strain that has the capacity to metabolize PET and degrade it to non-toxic compounds. To achieve this outcome, we utilize targeted bioengineering and directed evolution techniques on the E. coli MG1655 strain, currently one of the most well-studied organisms. More specifically, the goals of our project are:

1. Targeted bioengineering of E. coli MG1655 to utilize PET as a carbon source. We seek to this by introducing a couple different modules to the strain. The first module encodes a cutinase gene which has been found to degrade PET into ethylene glycol and terephthalic acid. The second encodes the first two enzymes in a pathway that has been found to feed ethylene glycol into the TCA cycle.

2. Rational protein engineering to increase the enzymatic activity of cutinase to degrade PET.

3. Directed evolution of the ethylene glycol degradation pathway to increase its efficiency of ethylene glycol metabolism in E. coli cultures. Reintroduction of the glycolaldehyde reductase and glycolaldehyde dehydrogenase enzymes in various constructs to MG1655 and E-15 EG3 to increase the ethylene glycol consumption beyond E-15 EG3’s original capabilities.

References

1. Mazzoni, Mary. "PET Bottle Recycling Tops 1.5 Billion Pounds." Earth911. N.p., 13 Oct. 2011. Web. 4 Aug. 2012.
http://earth911.com/news/2011/10/13/pet-bottle-recycling-tops-1-5-billion-pounds/
2. "Pollution Prevention." Save Our Shores. Earth Resources, n.d. Web. 28 July 2012.
http://www.saveourshores.org/what-we-do/pollution-prevention.php
3. "Environmental Impact of The Garbage Patch." Environmentalimpact. University of Maine, Farmington, n.d. Web. 12 Aug. 2012.
http://students.umf.maine.edu/kevin.p.leary/public.www/environmentalimpact.html
4. Ghosh, Labonita. "Green Drive Makes Coca-Cola & Pepsi See Red Once Again." The Economic Times. Bennett, Coleman & Co. Ltd., 23 Feb. 2012. Web. 05 Aug. 2012.
http://articles.economictimes.indiatimes.com/2012-02-23/news/31091279_1_coca-cola-bottle-plant-bottle-carbon-footprint

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