New look for the genome site

14 files changed, 117 insertions, 118 deletions

diff --git a/genome-site-1.0.0/content/contribute.php b/genome-site-1.0.0/content/contribute.php
index d452198..eebc812 100644
--- a/genome-site-1.0.0/content/contribute.php
+++ b/genome-site-1.0.0/content/contribute.php
@@ -3,7 +3,7 @@
   <div id="body">
 <? include("menu.php") ?>
         <div id="content">
-
+            <div id="inner"></div>
         </div>
   </div>
 <? include("footer.php") ?>
diff --git a/genome-site-1.0.0/content/documentation.php b/genome-site-1.0.0/content/documentation.php
index d72fb72..a890362 100644
--- a/genome-site-1.0.0/content/documentation.php
+++ b/genome-site-1.0.0/content/documentation.php
@@ -2,7 +2,8 @@
 <? include("header.php") ?>
   <div id="body">
 <? include("menu.php") ?>
-	<div id="content">
+    <div id="content">
+        <div id="inner">
 	    <div id="doc">
 		<h1>Genome Overview</h1>
 		<p>Genome at a high level is just a set of tools that allow you to provision an Genome repository machine, which in turn maintains the configuration of cloud based infrastructure machines.
@@ -17,6 +18,7 @@
     	    
 	      </div>
         </div>
+    </div>
   </div>
 <? include("footer.php") ?>
 
diff --git a/genome-site-1.0.0/content/download.php b/genome-site-1.0.0/content/download.php
index 79c5f6e..eebc812 100644
--- a/genome-site-1.0.0/content/download.php
+++ b/genome-site-1.0.0/content/download.php
@@ -3,6 +3,7 @@
   <div id="body">
 <? include("menu.php") ?>
         <div id="content">
+            <div id="inner"></div>
         </div>
   </div>
 <? include("footer.php") ?>
diff --git a/genome-site-1.0.0/content/index.php b/genome-site-1.0.0/content/index.php
index ffcc009..1b4b0de 100644
--- a/genome-site-1.0.0/content/index.php
+++ b/genome-site-1.0.0/content/index.php
@@ -4,8 +4,9 @@
 <? include("menu.php") ?>
 <div id="wrapper">
   <div id="content">
-		<h1>Genome.  IT, evolved.</h1>
-		<p class="pintro">Genome makes building intrastructure in a cloud computing environment easy.  Genome is a set of light weight tools that use Cobbler, Puppet, and Xen to provide developers and system administrators an easy way to initiate provisioning and system configuration of IT systems.</p>
+      <div id="inner">
+		<h1>Genome.  I.T., evolved.</h1>
+		<p class="pintro">Genome makes building intrastructure in a cloud computing environment easy.  Genome is a set of light weight tools that use Cobbler, Puppet, and Xen to provide developers and system administrators an easy way to initiate provisioning and system configuration of I.T. systems.</p>
 		<p></p>
 		<h2>Genome is:</h2>
 		<ul>
@@ -25,7 +26,7 @@
 			<li>Func - for remote control of cloud based machines</li>
 			<li>Puppet - for constent system configuration</li>
 		</ul>
-
+     </div>  
   </div>
 </div>
 <? include("footer.php") ?>
diff --git a/genome-site-1.0.0/content/menu.php b/genome-site-1.0.0/content/menu.php
index 2eb2f80..abeb5f5 100644
--- a/genome-site-1.0.0/content/menu.php
+++ b/genome-site-1.0.0/content/menu.php
@@ -13,7 +13,7 @@
 	$documentation = $trk == DOCUMENTATION ? 'active' : 'inactive';
 	
 ?>
-<div id="menu">
+<div id="nav-menu">
    <ul class="l0">
 	<li><div>         <a class="<?php echo $home ?>" title="Home" href="./index.php">Home</a>        </div></li>
 	<li><div>         <a class="<?php echo $download ?>" title="Get the latest releases" href="./download.php?trk=g">Download</a>        </div></li>
diff --git a/genome-site-1.0.0/content/styles/everest-expansion.png b/genome-site-1.0.0/content/styles/everest-expansion.png
deleted file mode 100644
index 28d85c1..0000000
--- a/genome-site-1.0.0/content/styles/everest-expansion.png
+++ /dev/null
diff --git a/genome-site-1.0.0/content/styles/everest-high-level.png b/genome-site-1.0.0/content/styles/everest-high-level.png
deleted file mode 100644
index 3c2524b..0000000
--- a/genome-site-1.0.0/content/styles/everest-high-level.png
+++ /dev/null
diff --git a/genome-site-1.0.0/content/styles/everestPeaks-sm.png b/genome-site-1.0.0/content/styles/everestPeaks-sm.png
deleted file mode 100644
index f5f940f..0000000
--- a/genome-site-1.0.0/content/styles/everestPeaks-sm.png
+++ /dev/null
diff --git a/genome-site-1.0.0/content/styles/generic.css b/genome-site-1.0.0/content/styles/generic.css
index d21336c..ba60cad 100644
--- a/genome-site-1.0.0/content/styles/generic.css
+++ b/genome-site-1.0.0/content/styles/generic.css
@@ -5,9 +5,11 @@ body {
   left:0px;
   margin:0px;
   width:100%;
-  color: #777;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size:14px;
+  color: #444;
+  background: #CCDCF4 url(genome-mainbg.png) top left repeat-x; 
+
 }
 
 p, ul, ol, dl {
@@ -43,18 +45,24 @@ div.footer {
   margin-top: 1em;
 }
 
-h1 {
-  font-size: 190%;
-  color: #444;
-}
-h2 {
-  font-size: 150%;
-  color: #555;
-}
-h3 {
-  font-size: 120%;
-  color: #444;
-}
+h1 { 
+    font-size: 190%;
+    margin-top: 0;
+    padding-top: 0;
+    font-size: 190%;
+    color: #222; 
+}
+  
+h2 { 
+    font-size: 140%;
+    color: #333; 
+}
+    
+h3 { 
+    font-size: 120%;
+    color: #333; 
+}
+ 
 h4 {
   font-size: 1.2em;
 }
diff --git a/genome-site-1.0.0/content/styles/genome-expansion.png b/genome-site-1.0.0/content/styles/genome-expansion.png
new file mode 100644
index 0000000..6bc8289
--- /dev/null
+++ b/genome-site-1.0.0/content/styles/genome-expansion.png
diff --git a/genome-site-1.0.0/content/styles/genome-high-level.png b/genome-site-1.0.0/content/styles/genome-high-level.png
new file mode 100644
index 0000000..54dfc32
--- /dev/null
+++ b/genome-site-1.0.0/content/styles/genome-high-level.png
diff --git a/genome-site-1.0.0/content/styles/genome-mainbg.png b/genome-site-1.0.0/content/styles/genome-mainbg.png
new file mode 100644
index 0000000..bc20f72
--- /dev/null
+++ b/genome-site-1.0.0/content/styles/genome-mainbg.png
diff --git a/genome-site-1.0.0/content/styles/genome.css b/genome-site-1.0.0/content/styles/genome.css
index eb860d9..99d755a 100644
--- a/genome-site-1.0.0/content/styles/genome.css
+++ b/genome-site-1.0.0/content/styles/genome.css
@@ -1,19 +1,80 @@
-#header {
-    margin: 0px;
-    width: 100%;
-    border: 0px;
-    background: url(topbg.png) top left repeat-x;
-    height: 89px;
-    width: 100%;
-    margin-bottom: 20px;
+a:link, a:visited, a:active {
+    text-decoration: none;
+    color: #1E3F76; }
+    
+a:hover {
+     text-decoration: underline;
+     color: #0059B3}
+   
+#inner { padding: 35px 30px;}
+
+#nav-menu {
+    float:left;
+    margin-bottom:1em;
+    width: 205px;
+}
+    
+#nav-menu ul {
+    margin: 30px 0 0 23px;
+    padding: 1px 0; 
+}
+    
+#nav-menu ul li {
+    margin-left: 0;
+    padding: 2px 0;
+    list-style-type:none; 
+}
+    
+#nav-menu ul li {
+    color: #486AA3;
+    font-size:1.2em;
+    font-weight:bold;
+    list-style-image:none;
+    list-style-position:outside;
+    list-style-type:none;
+    padding: 3px 0; 
+}
+    
+#nav-menu ul li a.active {
+     color: #0059B3 ;
+}
+    
+#nav-menu ul li a:link, #nav-menu ul li a:visited, #nav-menu ul li a:active {
+     text-decoration: none;
+}
+     
+#nav-menu ul li a:hover {
+     text-decoration: underline;
+     color: #0059B3 ; 
+}
+   
+   
+#footer p {
+    border:0px none;
+    left:0px;
+    margin:0px;
+    position:absolute;
+    text-align:center;
+    top:0px;
+    width:200px;
+    }
+#footer p a img {
+    border:0px none;
 }
 
 #headerLogo {
-    background: url(logoMountain.png) top left no-repeat;
+    background: url(glogo.gif) 20px 30px no-repeat;
     height: 89px;
     width: 585px;
     margin: 0;
     padding: 0; }
+ 
+
+#header {
+   height:89px;
+   margin-bottom:12px;
+   width:100%;
+}
 
 #body {
     float: left;
@@ -24,19 +85,18 @@
 }
 
 #content {
-    margin: 0 0 0 235px;
+    margin-left: 200px;
     padding: 0 50px 65px 0;
+    background: #fff url(g/genome-mainbgcurve.png) top left no-repeat; 
 }
 
 .pintro {
     color: #777;
     font-size: 115%;
-    padding: 12px 20px;
-    background-color: #eee;
+    padding: 12px 0;
     font-family: georgia, times, serif;
-    font-style: italic; 
-}
-
+    font-style: italic; }
+ 
 #intro {
     float: left;
     top: 0px;
@@ -77,79 +137,6 @@
     padding-top: 1em;
 }
 
-#menu {
-    float: left;
-    padding-top: 0px;
-    left: 0px;
-    width: 200px;
-    margin-bottom: 1em;
-    width:205px;
-}
-
-#menu ul {
-    margin-left: 10px;
-    padding-top: 1px;
-    padding-bottom: 1px;
-    background:white none repeat scroll 0%;
-    margin:0px 0px 0px 15px;
-    padding:1px 0px;
-}
-
-#menu li ul {
-    margin-left: 0px;
-    padding: 0px;
-}
-
-#menu ul li {
-    list-style: none;
-    color: white;
-    padding: 0px;
-    font-weight: bold;
-    font-size: 1.2em;
-    list-style-image:none;
-    list-style-position:outside;
-    list-style-type:none;
-}
-
-#menu li ul li {
-    font-size: 1em;
-}
-
-#menu ul li a, #menu ul li span {
-    text-decoration: inherit;
-    color: inherit;
-    display: block;
-    padding: 6px;
-    margin: 1px;
-}
-
-#menu ul li .active {
-    background:#0664FE url(onbg.png) top right no-repeat;
-}
-
-#menu ul.l0 li .inactive {
-    background:#629DFE url(offbg.png) top right no-repeat;
-}
-
-
-#menu ul.l1 li .inactive {
-    background: #ecf2e0;
-    border-left: 6px solid #629dfe;
-}
-
-#menu ul.l1 li .inactive,
-#menu ul.l1 li .active {
-    padding-left: 1em;
-}
-
-#menu ul.l1 li .active {
-    border-left: 6px solid #0664fe;
-}
-
-#wrapper {
-    background: url(everestPeaks-sm.png) 90% bottom no-repeat;
-}
-
 #headerSearch {
     position: absolute;
     top: 0px;
@@ -223,20 +210,20 @@ p.image {
     text-align: center;
 }
 
-
 #footer {
-    clear: both;
-    position: relative;
-    margin: 0px;
-    padding: 0px;
-    border: 0px;
-    width: 100%;
-    background: #757575;
-    height: 180px;
-}
+    background:#486AA3 url(footer_pattern.png) 0 0 repeat-x;
+    border:0px none;
+    clear:both;
+    height:180px;
+    margin:0px;
+    padding:0px;
+    position:relative;
+    width:100%;
+    }
+  
 /* This is hidden from IE <= 6 because it can't do transparency */
 body > #footer {
-    background: #757575 url(footer_pattern.png) repeat-x;
+    background:#486AA3 url(footer_pattern.png) 0 0 repeat-x;
 }
 
 #footer p {
diff --git a/genome-site-1.0.0/content/styles/glogo.gif b/genome-site-1.0.0/content/styles/glogo.gif
new file mode 100644
index 0000000..482f026
--- /dev/null
+++ b/genome-site-1.0.0/content/styles/glogo.gif