Team:HKU HongKong/Project/Background.html

From 2012.igem.org

(Difference between revisions)
Line 7: Line 7:
<link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Team:HKU&amp;action=creativecommons" rel="meta" />
<link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Team:HKU&amp;action=creativecommons" rel="meta" />
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
-
<link rel="alternate" type="application/atom+xml" title="2011.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" /> <title>Team:HKU Hong Kong - 2012</title>
+
<link rel="alternate" type="application/atom+xml" title="2011.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" /> <title>
-
<style type="text/css" media="screen, projection">
+
Team:HKU Hong Kong - 2012</title>
-
/*<![CDATA[*/
+
<style type="text/css" media="screen, projection">/*<![CDATA[*/
@import "/wiki/skins/common/shared.css?270";
@import "/wiki/skins/common/shared.css?270";
@import "/wiki/skins/igem/main.css?270";
@import "/wiki/skins/igem/main.css?270";
-
/*]]>*/
+
/*]]>*/</style>
-
</style>
+
<link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" />
<link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" />
<script>
<script>
Line 68: Line 67:
         <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
         <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
         <link rel='stylesheet' type='text/css' href='/forum/forum_styles.css' />
         <link rel='stylesheet' type='text/css' href='/forum/forum_styles.css' />
-
    <script type='text/javascript'        src ='/forum/forum_scripts.js'></script>
+
<script type='text/javascript'        src ='/forum/forum_scripts.js'></script>
</head>               
</head>               
Line 78: Line 77:
    <a href="/Main_Page"
    <a href="/Main_Page"
      title="Main Page">
      title="Main Page">
-
    <font color="#232323">
+
    <img src='/wiki/skins/common/images/wiki.png'>&quot;
-
    <img src='/wiki/skins/common/images/wiki.png'>"
+
-
    </font>
+
    </a>
    </a>
-
</div>  <font color="#232323">  <!-- end p-logo -->
+
</div>  <!-- end p-logo -->
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
Line 88: Line 85:
-
    </font>
+
     </div> <!-- close top-section-->
-
 
+
  <div id="content">
-
 
+
-
+
-
 
+
-
     </div> <font color="#232323"> <!-- close top-section-->
+
-
</font>
+
-
  <div id="content" style="width: 1327px; height: 457px">
+
-
<font color="#232323">
+
<a name="top" id="top"></a>
<a name="top" id="top"></a>
-
</font>
+
<h1 class="firstHeading">Team:HKU HK</h1>
-
<h1 class="firstHeading"><font color="#232323">Team:HKU HK</font></h1>
+
<div id="bodyContent">
<div id="bodyContent">
-
<h3 id="siteSub" class='noprint'><font color="#232323">From 2011.igem.org</font></h3>
+
<h3 id="siteSub" class='noprint'>From 2011.igem.org</h3>
<div id="contentSub"></div>
<div id="contentSub"></div>
-
<font color="#232323">
 
<!--
<!--
<div id="jump-to-nav">Jump to:                        <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div>-->
<div id="jump-to-nav">Jump to:                        <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div>-->
<!-- start content -->
<!-- start content -->
-
</font>
 
<p>
<p>
<head>
<head>
Line 113: Line 100:
<style type="text/css">
<style type="text/css">
 +
/*
 +
Design by Metamorphosis Design
 +
http://www.metamorphozis.com
 +
Released for free under a Creative Commons Attribution 2.5 License
 +
*/
 +
 +
*Cleaning and Resetting the Background -- Credits to 2012 iGEM NorthWestern university*/
 +
* {
 +
    margin:0;
 +
    padding:0;}
#top-section {
#top-section {
     height: 1px; }
     height: 1px; }
Line 133: Line 130:
p {
p {
     font-size: 16px;}
     font-size: 16px;}
 +
 +
*
 +
{
 +
border: 0;
 +
margin: 0;
 +
}
img
img
Line 142: Line 145:
font: 12px Arial, Helvetica, sans-serif;
font: 12px Arial, Helvetica, sans-serif;
color: #000000;
color: #000000;
-
background:#FFF;
+
background: #FFFFFF; --- background image
line-height: 18px;
line-height: 18px;
padding-bottom: 23px;
padding-bottom: 23px;
Line 153: Line 156:
#header {  
#header {  
-
 
+
width:100%;
-
background:#FFF;
+
background: url(images/header.jpg) left top no-repeat;
height: 183px;
height: 183px;
}
}
#logo { font-family: Arial, Helvetica, sans-serif;
#logo { font-family: Arial, Helvetica, sans-serif;
-
color:#FFF;
+
color:#FFFFFF;
font-size:18px;
font-size:18px;
font-style:italic;
font-style:italic;
padding: 62px 0px 0px 667px;
padding: 62px 0px 0px 667px;
 +
background: url(images/big_img.jpg) left top no-repeat;
height: 60px;
height: 60px;
}
}
Line 187: Line 191:
margin-left: 50px;
margin-left: 50px;
}
}
-
#sidebar{width:33.3%;}
 
Line 201: Line 204:
#box_all {
#box_all {
height: 10px;
height: 10px;
-
background:url('HKU_box_top.png') no-repeat left top;
+
background:url(https://static.igem.org/mediawiki/2012/f/f6/HKU_box_top.png) left top no-repeat;
-
margin-top: 30px
+
margin-top: 30px;
}
}
Line 223: Line 226:
color:#FFFFFF;
color:#FFFFFF;
font-weight:bold;
font-weight:bold;
-
background: url('HKU_box_fish.png') no-repeat 0px 11px;
+
background: url(https://static.igem.org/mediawiki/2012/f/f6/HKU_box_fish.png) 0px 11px no-repeat;
-
text-decoration:none; padding-left:28px; padding-right:0px; padding-top:7px; padding-bottom:7px}
+
padding: 7px  0px 7px 28px;
 +
text-decoration:none;}
.munth a{color:#FFFFFF;
.munth a{color:#FFFFFF;
Line 232: Line 236:
.munth:hover {
.munth:hover {
text-decoration: none;
text-decoration: none;
-
background: url('HKU_box_fish.png') no-repeat 0px 11px;
+
background: url(https://static.igem.org/mediawiki/2012/f/f6/HKU_box_fish.png) 0px 11px no-repeat;
}
}
Line 275: Line 279:
width: 1014px;
width: 1014px;
height: 10px;
height: 10px;
 +
background: url(https://static.igem.org/mediawiki/2012/f/f1/HKU_tb_top.jpg) right bottom no-repeat #FFFFFF;
}
}
Line 280: Line 285:
width: 1014px;
width: 1014px;
height: 19px;
height: 19px;
-
background: #FFFFFF url('HKU_tb_bot.jpg') no-repeat right top;
+
background: url(https://static.igem.org/mediawiki/2012/f/f7/HKU_tb_bot.jpg) right top no-repeat #FFFFFF;
}
}
#tb{
#tb{
width: 1014px;
width: 1014px;
-
padding: 0px;
+
padding: 0px 0px 0px 0px;
-
background: #FFFFFF url('HKU_tb_bg.gif') repeat-y right;
+
background: url(https://static.igem.org/mediawiki/2012/6/68/HKU_tb_bg.gif) right repeat-y #FFFFFF;
-
margin: 0px;
+
margin: 0px 0px 0px 0px;
}
}
Line 385: Line 390:
padding-top: 8px;}
padding-top: 8px;}
-
.printfooter {display:none; background-color:transparent;}
+
#footer{
-
#footer-box {border:none; background-color:transparent;}
+
height: 50px;
 +
width: 100%;
 +
font-size: 12px;
 +
color: #008B00;
 +
text-align: center;
 +
clear:both;
 +
padding: 13px 0px 0px 0px;
 +
/*background: url(https://static.igem.org/mediawiki/2012/4/45/HKU.PNG_footer.png) 0px 0px  no-repeat;*/
 +
}
 +
 
 +
/*=================================*/
 +
/* Nivo Slider Demo
 +
/* November 2010
 +
/* By: Gilbert Pellegrom
 +
/* http://dev7studios.com
 +
/*=================================*/
 +
 
 +
 
 +
#slider-wrapper {
 +
    background:url(https://static.igem.org/mediawiki/2012/c/c8/HKU_top1.jpg) no-repeat;
 +
    width: 995px;
 +
    height: 239px;
 +
    margin:0 auto;
 +
}
 +
 
 +
#slider {
 +
position:relative;
 +
    width: 995px;
 +
    height: 239px;
 +
background:url(images/loading.gif) no-repeat 50% 50%;
 +
}
 +
#slider img {
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
display:none;
 +
}
 +
#slider a {
 +
border:0;
 +
display:block;
 +
}
 +
 
 +
.nivo-controlNav {
 +
position:absolute;
 +
left: 440px;
 +
bottom: -16px;
 +
 
 +
}
 +
.nivo-controlNav a {
 +
display:block;
 +
width:22px;
 +
height:22px;
 +
background:url(https://static.igem.org/mediawiki/2012/3/35/HKU_circl.png) no-repeat;
 +
text-indent:-9999px;
 +
border:0;
 +
margin-right:3px;
 +
float:left;
 +
}
 +
.nivo-controlNav a.active, .nivo-controlNav a:hover {
 +
background:url(https://static.igem.org/mediawiki/2012/5/5e/Circl_hover.png) no-repeat;
 +
}
 +
 
 +
.nivo-directionNav a {
 +
display:block;
 +
width:30px;
 +
height:30px;
 +
background:url(https://static.igem.org/mediawiki/2012/9/99/HKU_arr12.png) no-repeat;
 +
text-indent:-9999px;
 +
border:0;
 +
}
 +
a.nivo-nextNav {
 +
background-position:-30px 0;
 +
right:15px;
 +
}
 +
a.nivo-prevNav {
 +
left:15px;
 +
}
 +
 
 +
.nivo-caption {
 +
    text-shadow:none;
 +
    font-family: Helvetica, Arial, sans-serif;
 +
}
 +
.nivo-caption a {
 +
    color:#efe9d1;
 +
    text-decoration:underline;
 +
}
 +
 
 +
/* The Nivo Slider styles */
 +
 
 +
.nivoSlider {
 +
position:relative;
 +
}
 +
.nivoSlider img {
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
}
 +
/* If an image is wrapped in a link */
 +
.nivoSlider a.nivo-imageLink {
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
width:100%;
 +
height:100%;
 +
border:0;
 +
padding:0;
 +
margin:0;
 +
z-index:60;
 +
display:none;
 +
}
 +
/* The slices in the Slider */
 +
.nivo-slice {
 +
display:block;
 +
position:absolute;
 +
z-index:50;
 +
height:100%;
 +
}
 +
/* Caption styles */
 +
.nivo-caption {
 +
position:absolute;
 +
left:0px;
 +
bottom:0px;
 +
background:#000;
 +
color:#fff;
 +
opacity:0.8; /* Overridden by captionOpacity setting */
 +
width:100%;
 +
z-index:89;
 +
}
 +
.nivo-caption p {
 +
padding:5px;
 +
margin:0;
 +
}
 +
.nivo-caption a {
 +
display:inline !important;
 +
}
 +
.nivo-html-caption {
 +
    display:none;
 +
}
 +
/* Direction nav styles (e.g. Next & Prev) */
 +
.nivo-directionNav a {
 +
position:absolute;
 +
top:45%;
 +
z-index:99;
 +
cursor:pointer;
 +
}
 +
.nivo-prevNav {
 +
left:0px;
 +
}
 +
.nivo-nextNav {
 +
right:0px;
 +
}
 +
/* Control nav styles (e.g. 1,2,3...) */
 +
.nivo-controlNav a {
 +
position:relative;
 +
z-index:99;
 +
cursor:pointer;
 +
}
 +
.nivo-controlNav a.active {
 +
font-weight:bold;
 +
}
#main #header #buttons p {
#main #header #buttons p {
-
color: #FFF;
+
color: #0033CC;
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-size: 18px;
Line 414: Line 578:
outline-style:none;}
outline-style:none;}
ul#css3menu2 a{
ul#css3menu2 a{
-
border-left:1px solid #C0C0C0; border-right:0 solid #C0C0C0; border-top:0 solid #C0C0C0; border-bottom:0 solid #C0C0C0; display:block;vertical-align:middle;text-align:left;text-decoration:none;color:#000000;text-shadow:#FFF 0 0 1px;cursor:pointer;padding:10px;background-color:#c1c1c1;background-image:url('HKU_mainbk.png');background-repeat:repeat;background-position: 0 0;font-style:normal; font-variant:normal; font-weight:bold; font-size:20px; font-family:Trebuchet MS}
+
display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 20px Trebuchet MS;color:#000000;text-shadow:#FFF 0 0 1px;cursor:pointer;padding:10px;background-color:#c1c1c1;background-image:url("https://static.igem.org/mediawiki/2012/0/0c/HKU_mainbk.png");background-repeat:repeat;background-position:0 0;border-width:0 0 0 1px;border-style:solid;border-color:#C0C0C0;}
ul#css3menu2 ul li{
ul#css3menu2 ul li{
float:none;margin:10px 0 0;}
float:none;margin:10px 0 0;}
Line 420: Line 584:
text-align:left;padding:4px;background-color:#FFFFFF;background-image:none;border-width:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:14px Tahoma;color:#000;text-decoration:none;}
text-align:left;padding:4px;background-color:#FFFFFF;background-image:none;border-width:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:14px Tahoma;color:#000;text-decoration:none;}
ul#css3menu2 li:hover>a,ul#css3menu2 li a.pressed{
ul#css3menu2 li:hover>a,ul#css3menu2 li a.pressed{
-
background-color:#f8ac00;border-color:#C0C0C0;border-style:solid;color:#000000;text-shadow:#FFF 0 0 1px;background-image:url('HKU_mainbk.png');background-position: 0 100px;text-decoration:none}
+
background-color:#f8ac00;border-color:#C0C0C0;border-style:solid;color:#000000;text-shadow:#FFF 0 0 1px;background-image:url("https://static.igem.org/mediawiki/2012/0/0c/HKU_mainbk.png");background-position:0 100px;text-decoration:none;}
ul#css3menu2 span{
ul#css3menu2 span{
display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
Line 434: Line 598:
<body>
<body>
<div id="main">
<div id="main">
-
<font color="#232323">
 
<!-- header begins -->
<!-- header begins -->
-
  </font>
 
   <div id="header">
   <div id="header">
-
<div id="buttons" style="width: 990px; height: 589px">
+
<div id="buttons">
-
       <p><font color="#232323">
+
       <p><img src="https://static.igem.org/mediawiki/2012/0/0e/HKU_logo.fw.jpg" alt="logo_HKU" width="859" height="160" /></p>
-
<img src="HKU_logo.fw.jpg" alt="logo_HKU" width="859" height="160" /></font></p>
+
       <p>&nbsp;</p>
       <p>&nbsp;</p>
-
 
-
 
-
<font color="#232323">
 
<!-- Start css3menu.com BODY section id=2 -->
<!-- Start css3menu.com BODY section id=2 -->
-
</font>
 
<ul id="css3menu2" class="topmenu">
<ul id="css3menu2" class="topmenu">
<li class="topfirst"><a href="https://2012.igem.org/Team:HKU_HongKong" style="height:26px;line-height:26px;">
<li class="topfirst"><a href="https://2012.igem.org/Team:HKU_HongKong" style="height:26px;line-height:26px;">
-
<font color="#232323">&nbsp;&nbsp;Home&nbsp;&nbsp;</font></a></li>
+
&nbsp;&nbsp;Home&nbsp;&nbsp;</a></li>
<li class="topmenu"><a href="#" style="height:26px;line-height:26px;">
<li class="topmenu"><a href="#" style="height:26px;line-height:26px;">
-
<font color="#232323">&nbsp;&nbsp;Team&nbsp;&nbsp;</font></a><font color="#232323">
+
&nbsp;&nbsp;Team&nbsp;&nbsp;</a>
-
</font>
+
<ul>
<ul>
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Team/About_Us.html">
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Team/About_Us.html">
-
<font color="#232323">About Us</font></a><font color="#232323"></li></font></font><font color="#232323">
+
About Us</a></li></font>
-
</font>
+
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Team/Profiles.html">
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Team/Profiles.html">
-
<font color="#232323">Profiles</font></a></li></font>
+
Profiles</a></li></font>
</ul>
</ul>
     </li>
     </li>
     <li class="topmenu"><a href="#" style="height:26px;line-height:26px;">
     <li class="topmenu"><a href="#" style="height:26px;line-height:26px;">
-
<font color="#232323">&nbsp;&nbsp;Project&nbsp;&nbsp;</font></a><font color="#232323">
+
&nbsp;&nbsp;Project&nbsp;&nbsp;</a>
-
</font>
+
     <ul>
     <ul>
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Project/Background.html">
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Project/Background.html">
-
<font color="#232323">Background</font></a><font color="#232323"></li></font></font><font color="#232323">
+
Background</a></li></font>
-
</font>
+
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Project/Future_Implications.html">
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Project/Future_Implications.html">
-
<font color="#232323">Future Implications</font></a></li></font>
+
Future Implications</a></li></font>
         </ul>
         </ul>
     </li>
     </li>
     <li class="topmenu"><a href="#" style="height:26px;line-height:26px;">
     <li class="topmenu"><a href="#" style="height:26px;line-height:26px;">
-
<font color="#232323">&nbsp;&nbsp;Data&nbsp;&nbsp;</font></a><font color="#232323">
+
&nbsp;&nbsp;Data&nbsp;&nbsp;</a>
-
</font>
+
     <ul>
     <ul>
     <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Protocols.html">
     <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Protocols.html">
-
<font color="#232323">Protocols</font></a><font color="#232323"></li></font></font><font color="#232323">
+
Protocols</a></li></font>
-
</font>
+
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Weekly_Notebook.html">
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Weekly_Notebook.html">
-
<font color="#232323">Weekly Notebook</font></a><font color="#232323"></li></font></font><font color="#232323">
+
Weekly Notebook</a></li></font>
-
</font>
+
       <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Bio_Bricks.html">
       <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Bio_Bricks.html">
-
<font color="#232323">Bio Bricks</font></a><font color="#232323"></li></font></font><font color="#232323">
+
Bio Bricks</a></li></font>
-
</font>
+
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Results.html">
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Results.html">
-
<font color="#232323">Results</font></a></li></font>
+
Results</a></li></font>
         </ul>
         </ul>
     </li>
     </li>
<li class="topmenu"><a href="https://2012.igem.org/Team:HKU_HongKong/Safety.html" style="height:26px;line-height:26px;">
<li class="topmenu"><a href="https://2012.igem.org/Team:HKU_HongKong/Safety.html" style="height:26px;line-height:26px;">
-
<font color="#232323">&nbsp;&nbsp;Safety&nbsp;&nbsp;</font></a></li>     
+
&nbsp;&nbsp;Safety&nbsp;&nbsp;</a></li>     
     <li class="topmenu"><a href="https://2012.igem.org/Team:HKU_HongKong/Attributions.html" style="height:26px;line-height:26px;">
     <li class="topmenu"><a href="https://2012.igem.org/Team:HKU_HongKong/Attributions.html" style="height:26px;line-height:26px;">
-
<font color="#232323">&nbsp;&nbsp;Attributions&nbsp;&nbsp;</font></a></li>
+
&nbsp;&nbsp;Attributions&nbsp;&nbsp;</a></li>
     <li class="toplast"><a href="https://2012.igem.org/Team:HKU_HongKong/Human_Practise.html" style="height:26px;line-height:26px;">
     <li class="toplast"><a href="https://2012.igem.org/Team:HKU_HongKong/Human_Practise.html" style="height:26px;line-height:26px;">
-
<font color="#232323">&nbsp;&nbsp;Human Practise&nbsp;&nbsp;</font></a></li>
+
&nbsp;&nbsp;Human Practise&nbsp;&nbsp;</a></li>
</ul>
</ul>
 +
<p>&nbsp;</p>
 +
            <p>&nbsp;</p>
 +
            <p>&nbsp;</p>
 +
            <p>&nbsp;</p>       
-
<p>&nbsp;</p>
+
<!-- header ends -->
-
<h2 style="font-variant: normal; vertical-align: baseline; clear: left; color: #232323; font-family: Gentium Basic; letter-spacing: normal; line-height: 19.5px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border: 0px none; margin: 0.7em 0px; padding: 0px">
+
    <!-- table begins -->
-
<span style="font-weight: 400; text-decoration:underline">
+
  <div id="tb">
-
<font face="Trebuchet MS" size="6">Abstract</font></span></h2>
+
    <div id="right">
-
<p style="text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; vertical-align: baseline; color: rgb(85, 85, 85); font-family: Lato, Tahoma, Arial, sans-serif; letter-spacing: normal; line-height: 19.5px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border: 0px none; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 20px; padding: 0px">
+
      <p>&nbsp;</p>
-
&nbsp;</p>
+
      <p>&nbsp;</p>
-
<p style="text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; vertical-align: baseline; color: #232323; font-family: Lato, Tahoma, Arial, sans-serif; letter-spacing: normal; line-height: 19.5px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border: 0px none; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 20px; padding: 0px">
+
      <p>&nbsp;</p>
-
HKU’s iGEM team aims to introduce
+
      <p>&nbsp;</p>
-
an acyl homoerine lactone (AHL)-degrading genetic system into the non-biolfilm-forming
+
      <p>&nbsp;</p>
-
and non-virulent BL21 Escherichia coli strain. PvdQ, an enzyme naturally
+
           
-
produced by Pseudomonas aeruginosa, is an acylase that functions to
+
          </div>
-
degrade long chain AHLs that bacteria like Pseudomonas putida or
+
             
-
aeruginosa itself utilize for biofilm formation. Biofilms are population
+
             
-
density-dependent structures formed by quorum sensing bacteria that
+
  </div> 
-
produce and secrete auto-inducers, which signal selective gene
+
          <p>&nbsp;</p>
-
transcription. These signaling molecules, namely the AHLs, are
+
          <p>&nbsp;</p>
-
responsible for most bacterial pathogenicity including the opportunistic
+
          <p>&nbsp;</p>
-
respiratory infections caused by P.aeuroginosa in immunocompromised
+
          <p>&nbsp;</p>
-
patients. </p>
+
            <div id="left">
-
<p style="text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; vertical-align: baseline; color: #232323; font-family: Lato, Tahoma, Arial, sans-serif; letter-spacing: normal; line-height: 19.5px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border: 0px none; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 20px; padding: 0px">
+
<p>&nbsp;</p>
-
As a step towards combating these infections, E.coli can be effectively
+
      <p>&nbsp;</p>
-
used as a protein factory to maximize pvdQ yield in vitro or ex vivo.
+
      <p>&nbsp;</p>
-
Our most preliminary biobrick is a constitutive promoter that drives
+
              </div>
-
baseline, exponential expression of pvdQ. This genetic pathway is
+
    <!-- table ends -->
-
advantageous because the pvdQ gene is constitutively transcribed
+
<!-- footer begins -->
-
regardless of environmental and endogenous factors.&nbsp; </p>
+
            <div id="footer">
-
<p style="text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; vertical-align: baseline; color: rgb(85, 85, 85); font-family: Lato, Tahoma, Arial, sans-serif; letter-spacing: normal; line-height: 19.5px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border: 0px none; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 20px; padding: 0px">
+
            </div>
-
<font color="#232323">&nbsp;This synthetic genetic pathway is an auto-inductive system where pvdQ
+
        <!-- footer ends -->
-
protein production will specifically depend on the presence of N-dodecanoyl-L-Homoserine
+
</div>
-
lactone and its coupling to the LuxR protein. Furthermore, several
+
-
derivatives of the genetic system design can desirably optimize pvdQ
+
-
yield. For instance, implementation of a positive feedback loop will
+
-
upregulate luxR production by the simple placement of the luxR gene
+
-
downstream of PluxR Larger amounts of luxR will therefore bind a greater
+
-
number of AHL molecules secreted by P.aeuroginosa biofilms, thereby
+
-
activating the acylase gene’s expression at a low cell density. Hence,
+
-
the final biobrick produced by iGEM HKU is an AHL-inducible acylase
+
-
system. </font> </p>
+
-
<p style="text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; vertical-align: baseline; color: #232323; font-family: Lato, Tahoma, Arial, sans-serif; letter-spacing: normal; line-height: 19.5px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border: 0px none; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 20px; padding: 0px">
+
-
&nbsp;Although the synthetic E.coli cannot be introduced into infected humans
+
-
or soil and water (sources of P.aueroginosa) itself, it can be used to
+
-
mass-produce pvdQ which can then be packaged into small protein-delivery
+
-
bores. These structures can be stimulated to efficiently release pvdQ at
+
-
the desired location, mimicking conventional drug-delivery systems.
+
-
While the mechanism of pvdQ delivery will not be addressed, it can be
+
-
regarded as a potential implication of HKU’s iGEM project.
+
-
 
+
-
<p style="text-align: left; font-style: normal; font-variant: normal; font-weight: normal; vertical-align: baseline; color: rgb(85, 85, 85); font-family: Lato, Tahoma, Arial, sans-serif; letter-spacing: normal; line-height: 19.5px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border: 0px none; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 20px; padding: 0px">
+
-
&nbsp;<p class="MsoNormal" style="text-align:justify;text-justify:inter-ideograph">
+
-
<u><font face="Trebuchet MS">
+
-
<b><font size="6" color="#232323">M</font></b><font size="6" color="#232323">aterials
+
-
&amp; </font></font><font face="Trebuchet MS" size="6" color="#232323">
+
-
Methods</font></u></p>
+
-
<p class="MsoNormal" style="text-align:justify;text-justify:inter-ideograph">
+
-
<i>
+
-
<font color="#232323">Cloning and expressing pvdQ in E. coli</font></i></p>
+
-
<p style="text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; vertical-align: baseline; color: #232323; font-family: Lato, Tahoma, Arial, sans-serif; letter-spacing: normal; line-height: 19.5px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border: 0px none; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 20px; padding: 0px">pvdQ was amplified from genomic DNA of Pseudomonas
+
-
Aeruginosa. A functional biobrick is constructed by combining pvdQ and
+
-
some regulatory elements (such as promoter and terminator). The
+
-
regulatory components are obtained from the iGEM Distribution Kit 2012.
+
-
As a result, a variety of pvdQ regulatory systems can be established.
+
-
Among the various regulation systems, the luxR regulation system is most
+
-
concerned. luxR is a gene that can encode LuxR which binds with AHLs and
+
-
upregulates the luxRp. As a result, in our biobrick model, the
+
-
expression of pvdQ will be upregulated. Increase in production of pvdQ
+
-
indicates an increase in acylase activity, which further degrades AHLs.
+
-
The product biobrick will be a AHL-inducible acylase system. PvdQ will
+
-
only be produced w</font></font><font size="2" color="#232323">hen AHL is present.</font></font></p>
+
-
<p class="MsoNormal" style="text-align:justify;text-justify:inter-ideograph">
+
-
<font color="#232323"><i>Testing the inhibitory effect</i></font></p>
+
-
<p class="MsoNormal" style="text-align:justify;text-justify:inter-ideograph">
+
-
<font color="#232323" face="Tahoma" size="2">The growth rate of monospecies biofilm of <i>
+
-
Pseudomonas putida</i> is used to reflect the inhibitory effect of
+
-
engineered <i>Escherichia coli</i>. This is because the major AHLs
+
-
secreted by it involve 3-oxo-C12, which is a AHL that can be degraded by
+
-
PvdQ and is also the major AHL produced in Pseudomonas areuginosa, the
+
-
pathogenic microorganism. <i>pvdQ</i> expressing E. coli will be mixed
+
-
with Pseudomonas putida and grown on agar plate. The reduction in
+
-
biofilm formation will be assayed by crystal violet assay. The next part
+
-
of the experiment is to add engineered E. coli to different
+
-
phases of biofilm to validate the role of AHLs in biofilm formation.</font></p>
+
</body>
</body>
</html>
</html>

Revision as of 04:56, 23 September 2012

Team:HKU Hong Kong - 2012

Team:HKU HK

From 2011.igem.org