Integrating new images and styling

9 files changed, 50 insertions, 43 deletions

diff --git a/everest-site-1.0.0/content/header.php b/everest-site-1.0.0/content/header.php
index 743cbf0..a1b7666 100644
--- a/everest-site-1.0.0/content/header.php
+++ b/everest-site-1.0.0/content/header.php
@@ -13,4 +13,3 @@
     <div id="headerLogo"></div>
     <div id="headerSearch"></div>
   </div>
-
diff --git a/everest-site-1.0.0/content/index.php b/everest-site-1.0.0/content/index.php
index 0cf54bb..6621fd7 100644
--- a/everest-site-1.0.0/content/index.php
+++ b/everest-site-1.0.0/content/index.php
@@ -2,12 +2,10 @@
 <? include("header.php") ?>
   <div id="body">
 <? include("menu.php") ?>
-        <div id="content">
-	<div id="frontpage">
-	<div id="intro">
-		<h1><strong>Everest</strong> makes building intrastructure in a cloud computing environment easy</h1>
-		<div id="graphic"></div>
-		<p>Evererst 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="wrapper">
+  <div id="content">
+		<h1>Everest makes building intrastructure in a cloud computing environment easy</h1>
+		<p class="pintro">Everest 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>
 		<p></p>
 		<h2>Everest goals:</h2>
 		<ul>
@@ -22,8 +20,7 @@
 			<li>Puppet - for constent system configuration</li>
 		</ul>
 
-	</div>
-     </div>
   </div>
+</div>
 <? include("footer.php") ?>
 
diff --git a/everest-site-1.0.0/content/styles/everest.css b/everest-site-1.0.0/content/styles/everest.css
index 413d132..4e48e71 100644
--- a/everest-site-1.0.0/content/styles/everest.css
+++ b/everest-site-1.0.0/content/styles/everest.css
@@ -1,21 +1,20 @@
-
-h1 {
-    font-weight: normal;
-}
-
-body {
-    background: white;
-    color: #757575;
-}
-
 #header {
     margin: 0px;
-    height: 106px;
     width: 100%;
-    background: url(topbar-bg.png) 1px 0px repeat-x;
     border: 0px;
+    background: url(topbg.png) top left repeat-x;
+    height: 89px;
+    width: 100%;
+    margin-bottom: 20px;
 }
 
+#headerLogo {
+    background: url(logoMountain.png) top left no-repeat;
+    height: 89px;
+    width: 585px;
+    margin: 0;
+    padding: 0; }
+
 #body {
     float: left;
     border: 0px;
@@ -25,11 +24,18 @@ body {
 }
 
 #content {
-    padding: 0px;
-    margin: 0px;
-    margin-left: 210px;
+    margin: 0 0 0 235px;
+    padding: 0 50px 65px 0;
 }
 
+.pintro {
+    color: #777;
+    font-size: 115%;
+    padding: 12px 20px;
+    background-color: #eee;
+    font-family: georgia, times, serif;
+    font-style: italic; 
+}
 
 #intro {
     float: left;
@@ -77,15 +83,16 @@ body {
     left: 0px;
     width: 200px;
     margin-bottom: 1em;
+    width:205px;
 }
 
 #menu ul {
-    background: white;
-    margin: 0px;
-    padding: 0px;
     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 {
@@ -99,6 +106,9 @@ body {
     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 {
@@ -114,11 +124,11 @@ body {
 }
 
 #menu ul li .active {
-    background: #0664fe;
+    background:#0664FE url(onbg.png) top right no-repeat;
 }
 
 #menu ul.l0 li .inactive {
-    background: #629dfe;
+    background:#629DFE url(offbg.png) top right no-repeat;
 }
 
 
@@ -136,14 +146,10 @@ body {
     border-left: 6px solid #0664fe;
 }
 
-#headerLogo {
-    position: absolute;
-    top: 0px;
-    left:0px;
-    height: 105px;
-    width: 586px;
-    background: url(topbar-graphic.png) no-repeat;
+#wrapper {
+    background: url(everestPeaks-sm.png) 90% bottom no-repeat;
 }
+
 #headerSearch {
     position: absolute;
     top: 0px;
diff --git a/everest-site-1.0.0/content/styles/everestPeaks-sm.png b/everest-site-1.0.0/content/styles/everestPeaks-sm.png
new file mode 100644
index 0000000..f5f940f
--- /dev/null
+++ b/everest-site-1.0.0/content/styles/everestPeaks-sm.png
diff --git a/everest-site-1.0.0/content/styles/generic.css b/everest-site-1.0.0/content/styles/generic.css
index f04cc1f..b570023 100644
--- a/everest-site-1.0.0/content/styles/generic.css
+++ b/everest-site-1.0.0/content/styles/generic.css
@@ -2,9 +2,12 @@
 body {
   margin: 0em;
   padding: 0px;
-  color: rgb(0,0,0);
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  font-size: 76%;
+  left:0px;
+  margin:0px;
+  width:100%;
+  color: #777;
+  font-family: Verdana,Arial,Helvetica,sans-serif;
+  font-size:76%;
 }
 
 p, ul, ol, dl {
@@ -34,7 +37,6 @@ h1,h2,h3,h4,h5,h6 {
   font-weight: bold;
   margin: 0px;
   padding: 0px;
-  margin-top: 0.5em;
 }
 
 div.footer {
@@ -42,13 +44,16 @@ div.footer {
 }
 
 h1 {
-  font-size: 2em;
+  font-size: 190%;
+  color: #444;
 }
 h2 {
-  font-size: 1.6em;
+  font-size: 150%;
+  color: #555;
 }
 h3 {
-  font-size: 1.4em;
+  font-size: 120%;
+  color: #444;
 }
 h4 {
   font-size: 1.2em;
diff --git a/everest-site-1.0.0/content/styles/logoMountain.png b/everest-site-1.0.0/content/styles/logoMountain.png
new file mode 100644
index 0000000..4960f14
--- /dev/null
+++ b/everest-site-1.0.0/content/styles/logoMountain.png
diff --git a/everest-site-1.0.0/content/styles/offbg.png b/everest-site-1.0.0/content/styles/offbg.png
new file mode 100644
index 0000000..4da082f
--- /dev/null
+++ b/everest-site-1.0.0/content/styles/offbg.png
diff --git a/everest-site-1.0.0/content/styles/onbg.png b/everest-site-1.0.0/content/styles/onbg.png
new file mode 100644
index 0000000..b4973d3
--- /dev/null
+++ b/everest-site-1.0.0/content/styles/onbg.png
diff --git a/everest-site-1.0.0/content/styles/topbg.png b/everest-site-1.0.0/content/styles/topbg.png
new file mode 100644
index 0000000..e3853b8
--- /dev/null
+++ b/everest-site-1.0.0/content/styles/topbg.png