@@ -44,10 +44,10 @@ <h1><img alt="H3RALD" id="logo" src="/images/theme/logo.png" /></h1>
 					</div>
 					<div id="header-right">
 						<ul id="navigation">
-							<li><a href="/" class="cross-link">Home</a></li>
-							<li><a href="/archives/" class="cross-link">Archives</a></li>
-							<li><a href="/projects/" class="cross-link">Projects</a></li>
-							<li><a href="/about/" class="cross-link">About</a></li>
+							<li><a href="/archives/"><span class="hidden">ARCHIVES</span><span id="nav-archives"></span></a></li>
+							<li><a href="/projects/"><span class="hidden">PROJECTS</span><span id="nav-projects"></span></a></li>
+							<li><a href="/about/"><span class ="hidden">ABOUT</span><span id="nav-about"></span></a></li>
+							<li><a href="/other"><span class="hidden">OTHER</span><span id="nav-other"></span></a></li>
 						</ul>
 					</div>
 				</div>
@@ -98,11 +98,14 @@ H3RALD Web Site v8.0.0 <em>"xStatic"</em> &mdash; &copy; 2004-2009 <strong>Fabio Cevasco</strong> &mdash; <a class="link" href="http://creativecommons.org/licenses/by-nc-nd/3.0/">Some rights reserved</a> | <a href="http://validator.w3.org/check?uri=referer" class="link">XHTML 1.1</a> | <a href="http://jigsaw.w3.org/css-validator/" class="link">CSS 2.1</a>
 					</div>
 				</div> <!-- END FOOTER CONTAINER-->
 			</div> <!-- END FOOTER -->
+<script type="text/javascript">
+lloogg_clientid = "2830021149dc1a04";
+</script>
+<script type="text/javascript" src="http://lloogg.com/l.js?c=2830021149dc1a04">
+</script>			
 			<script src="http://www.google.com/jsapi?key=ABQIAAAA6h3j8Jri5D_da53UPbEbThRlq2n1sm52B5HDRR5tm6o8XM18FhTKn3v155RpPeD0kWnWG81QEhhifQ" type="text/javascript"></script>
 			<% if @site.config[:dev] = true then %>
 				<script src="/js/jquery-1.3.2.js" type="text/javascript"></script>
-				<script src="/js/cufon-yui.js" type="text/javascript"></script>
-				<script src="/js/Mutlu_400.font.js" type="text/javascript"></script>
 				<script src="/js/jquery.preload.js" type="text/javascript"></script>
 				<script src="/js/jquery.timeago.js" type="text/javascript"></script>
 				<script src="/js/date.js" type="text/javascript"></script>

@@ -36,7 +36,66 @@ color:#555;
 	font-style:italic;
 	padding:0 0 0 33px;
 	margin: 0;
-	background: url(/images/theme/theme/quote.gif) no-repeat top left;
+	background: url(../images/theme/theme/quote.gif) no-repeat top left;
+}
+
+/*** NAVIGATION ***/
+
+.hidden
+{
+	display: none;
+}
+
+#nav-about
+{
+	width: 119px;
+	height: 62px;
+	display: block;
+	background: url(../images/theme/buttons/about.png);
+}
+
+#nav-about:hover
+{
+	background: url(../images/theme/buttons/about_h.png);
+}
+
+#nav-other
+{
+	width: 133px;
+	height: 62px;
+	display: block;
+	background: url(../images/theme/buttons/other.png);
+}
+
+#nav-other:hover
+{
+	background: url(../images/theme/buttons/other_h.png);
+}
+
+#nav-projects
+{
+	width: 155px;
+	height: 62px;
+	display: block;
+	background: url(../images/theme/buttons/projects.png);
+}
+
+#nav-projects:hover
+{
+	background: url(../images/theme/buttons/projects_h.png);
+}
+
+#nav-archives
+{
+	width: 157px;
+	height: 62px;
+	display: block;
+	background: url(../images/theme/buttons/archives.png);
+}
+
+#nav-archives:hover
+{
+	background: url(../images/theme/buttons/archives_h.png);
 }
 
 /*** HOME Page ***/

@@ -37,8 +37,6 @@ /*********/
 
 body
 {
-	color: #000;
-	font: 0.8em Verdana, sans-serif;
 	margin: 0;
 	padding: 0;
 }
@@ -68,7 +66,7 @@ 
 #header-left
 {
 	float: left;
-	width: 300px;
+	width: 250px;
 	height: 100%;
 }
 
@@ -80,7 +78,7 @@ }
 
 #navigation li
 {
-	display: inline;
+	float:left;
 	list-style-type: none;
 	padding-left: 10px;
 }

@@ -1,15 +1,21 @@ 
 /* TEXT */
 
+body
+{
+	color: #000;
+	font: 0.9em Georgia, Serif;
+}
+
 h2, h3, h4, h5
 {
 	margin: 0;
-	font-family: Georgia, Serif;
+	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
+	font-variant: small-caps;
 }
 
 h1
 {
 	font-size: 2em;
-	font-family: Georgia, Serif;
 }
 
 h2
@@ -32,13 +38,14 @@ margin: 1.2em 0 0.8em 0;
 }
 
 .dropcap {
-	font-size: 35px;
-	text-align: right;
-	width: 50px;
-	height: 40px;
-	display:block;
+	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
 	float:left;
-	padding: 5px;
+	font-size:4.2em;
+	line-height:0.75;
+	margin-top:0.15em;
+	padding-right:0.25em;
+	text-transform: uppercase;
+
 }
 
 h2 + p:first-line {

@@ -1,7 +1,7 @@ 
-Cufon.replace('#navigation a', {fontFamily: 'Mutlu', hover: true, fontSize: '30px'});
-Cufon.replace('h2', {fontFamily: 'Mutlu', fontSize: '40px'});
-Cufon.replace('h3', {fontFamily: 'Mutlu', hover: true, fontSize: '35px'});
-Cufon.replace('.standard h4', {fontFamily: 'Mutlu', fontSize: '28px'});
+//Cufon.replace('#navigation a', {fontFamily: 'Mutlu', hover: true, fontSize: '30px'});
+//Cufon.replace('h2', {fontFamily: 'Mutlu', fontSize: '40px'});
+//Cufon.replace('h3', {fontFamily: 'Mutlu', hover: true, fontSize: '35px'});
+//Cufon.replace('.standard h4', {fontFamily: 'Mutlu', fontSize: '28px'});
 $(document).ready(function() {
 		$('.timeago').timeago();
 		// Drop Caps
@@ -20,7 +20,7 @@ node.nodeValue = text.slice(1,text.length);
 				$('<span></span>').addClass('dropcap').html(first_letter).prependTo( first_paragraph );
 			}
 			});
-		Cufon.replace('.dropcap', {fontFamily: 'Mutlu', fontSize: '40px'});
+		//Cufon.replace('.dropcap', {fontFamily: 'Mutlu', fontSize: '40px'});
 		});
-Cufon.now();
+//Cufon.now();