diff --git a/www.i2p2/pages/_layout.html b/www.i2p2/pages/_layout.html
index 0271a3af9984689cdfd7f6212c44e6e358cf6a70..b75ebf3f542ddea90dd25102a17b2227cdc07ed6 100644
--- a/www.i2p2/pages/_layout.html
+++ b/www.i2p2/pages/_layout.html
@@ -1,27 +1,48 @@
-{% include "_urlify" %}
+{% include "_urlify" -%}
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>{% filter capture('title') %}{% block title %}{% endblock %}{% endfilter %} - I2P</title>
- <link rel="canonical" href="{{ domain }}/{{ path }}">
- <link rel="stylesheet" href="_static/styles/{{ theme }}.css" type="text/css" title="{{ theme }}">
+ <link rel="canonical" href="{{ domain }}/{{ path }}" />
+ <link href="_static/styles/960.css" rel="stylesheet" type="text/css" />
+ <link href="_static/styles/default.css" rel="stylesheet" type="text/css" />
+ <link href="_static/styles/mainmenu.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="_static/favicon.ico" />
- <link type="application/atom+xml" rel="alternate" href="http://code.google.com/feeds/p/i2p/downloads/basic">
- <meta name="robots" content="NOODP">
+ <link type="application/atom+xml" rel="alternate" href="http://code.google.com/feeds/p/i2p/downloads/basic" />
+ <meta name="robots" content="NOODP" />
+ <script language="Javascript" type="text/javascript">
+ function clearText(field){
+ if (field.defaultValue == field.value) field.value = '';
+ else if (field.value == '') field.value = field.defaultValue;
+ }
+ </script>
</head>
<body>
<div class="hide"><a href="#main" title="Skip navigation" accesskey="2">Skip navigation</a></div>
- <div class="logo">
- <a href="index.html" class="fade"><img src="_static/images/i2plogo.png" alt="I2P Logo" title="Invisible Internet Project (I2P)" /></a>
- </div>
- <h1>{{ title }}</h1>
- <div class="menu">
- {% include "_menu.html" %}
- </div>
- <div class="main" id="main">
- {% block content %}{% endblock %}
+ <div class="container_12">
+ <div id="header" class="grid_12">
+ <div id="logo" class="grid_4 alpha">
+ <a href="index.html"><img src="_static/images/i2plogo.png" alt="I2P Logo" title="Invisible Internet Project (I2P)" /></a>
+ </div>
+ <div id="slogan" class="grid_5">
+ <h1>I2P Anonymous Network</h1>
+ </div>
+ <div id="searchbox" class="grid_3 omega">
+ <form method="get" action="http://www.google.com/search">
+ <input name="q" size="25" maxlength="255" type="text" value="Site Search" onFocus="clearText(this)" onBlur="clearText(this)" />
+ <input name="sitesearch" type="hidden" value="www.i2p2.de" />
+ </form>
+ </div>
+ <div class="menu">
+ {% include "_menu.html" %}
+ </div>
+ </div>
+ <div class="clear"></div>
+ <div class="content" id="main">
+ {% block content %}{% endblock %}
+ </div>
</div>
</body>
</html>
diff --git a/www.i2p2/pages/_menu.html b/www.i2p2/pages/_menu.html
index 6512639a53d9c89ffe1b5c1029b8a2f02be155d5..d0b066c1f22a9e8338194a656574f975d5e43ca6 100644
--- a/www.i2p2/pages/_menu.html
+++ b/www.i2p2/pages/_menu.html
@@ -1,293 +1,56 @@
-<div class="langbox"><div style="text-align: left; width: 114px; margin-left: auto; margin-right: auto;">
-<a href="index.html" class="fade"><img src="_static/images/us.png" alt="English" title="English" class="lang"></a>
-<a href="index_de.html" class="fade"><img src="_static/images/de.png" alt="Deutsch" title="Deutsch" class="lang"></a>
-<a href="index_zh.html" class="fade"><img src="_static/images/zh.png" alt="ä¸æ–‡" title="ä¸æ–‡" class="lang"></a>
-<a href="index_fr.html" class="fade"><img src="_static/images/fr.png" alt="Français" title="Français" class="lang"></a>
-<br /><div style="padding: 2px 0px;"></div>
-<a href="index_it.html" class="fade"><img src="_static/images/it.png" alt="Italiano" title="Italiano" class="lang"></a>
-<a href="index_nl.html" class="fade"><img src="_static/images/nl.png" alt="Nederlands" title="Nederlands" class="lang"></a>
-<a href="index_ru.html" class="fade"><img src="_static/images/ru.png" alt="РуÑÑкий" title="РуÑÑкий" class="lang"></a>
-</div></div>
-
-<div class="themebox"><center><a href="?theme=dark" class="fade"><img src="/_static/images/dark.png" alt="Dark" title="Dark theme" class="lang"></a>
-<a href="?theme=light" class="fade"><img src="_static/images/light.png" alt="Light" title="Light theme" class="lang"></a>
-</center></div>
-
-{% if lang == "de" %}
-<br /><b><a href="index_de.html">Willkommen bei I2P</a></b><br />
-<br /><b><a href="download_de.html">Download</a></b><br />
-<br /><b>News</b><br />
-<img src="/_static/images/sqbullet.png"> <a href="announcements_de.html">Ankündigungen</a><br />
-
-<img src="/_static/images/sqbullet.png"> <a href="meetings_de.html">Entwicklertreffen</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="roadmap_de.html">Zeitplan</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="todo_de.html">Aufgabenliste</a><br />
-<br /><b><a href="intro_de.html">Über I2P</a></b><br />
-<img src="/_static/images/sqbullet.png"> <a href="faq_de.html">FAQ</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="http://forum.i2p2.de/">Forum</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="bounties_de.html">Prämien</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="getinvolved_de.html">Beteilige dich</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="donate_de.html">Spende!</a><br />
-
-<img src="/_static/images/sqbullet.png"> <a href="team_de.html">I2P Team</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="halloffame_de.html">Ruhmeshalle</a><br />
-<br /><b>Dokumentationen</b><br />
-<img src="/_static/images/sqbullet.png"> <a href="how_de.html">Wie funktioniert es?</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="techintro_de.html">Tech-intro</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="howto_de.html">Howto Dokumente</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="applications_de.html">Anwendungen</a><br />
-<br /><b>Entwickeln</b><br />
-<img src="/_static/images/sqbullet.png"> <a href="api_de.html">API</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="licenses_de.html">Lizenzen</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="http://trac.i2p2.i2p/">Trac</a>
-
-<br /><br /><b><a href="http://syndie.i2p2.de/">Syndie</a></b><br />
-<br /><b><a href="links.html">Links</a></b><br />
-<br /><b><a rel="nofollow" href="http://i2pproject.net/index_de.html">Mirror</a></b>
-<br /><b><a rel="nofollow" href="http://i2p.us/index_de.html">Mirror 2</a></b>
-<br /><b><a rel="nofollow" href="http://i2p-projekt.de/index_de.html">Mirror 3</a></b>
-<br /><b><a rel="nofollow" href="https://www.i2p2.de/index_de.html">Secure Site</a></b>
-<br /><b><a rel="nofollow" href="https://i2p.us/index_de.html">Secure Mirror</a></b>
-<br />
-<br /><a href="impressum.html">Impressum</a><br />
-
-{% elif lang == "it" %}
-<br /><b><a href="index_it.html">Benvenuti su I2P!</a></b>
-<br /><b><a href="download.html">Download</a></b>
-<br /><b>News</b><br />
-<img src="/_static/images/sqbullet.png"> <a href="announcements_it.html">Versioni</a><br />
-
-<img src="/_static/images/sqbullet.png"> <a href="meetings.html">Incontraci</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="roadmap.html">Roadmap</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="todo.html">Cose-da-fare</a><br />
-<br /><b><a href="intro.html">Informazioni su I2P</a></b><br />
-<img src="/_static/images/sqbullet.png"> <a href="faq.html">FAQ</a><br/>
-<img src="/_static/images/sqbullet.png"> <a href="http://forum.i2p2.de/">Forum</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="bounties_it.html">Bounties</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="getinvolved_html">Get Involved!</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="donate.html">Donazioni</a><br />
-
-<img src="/_static/images/sqbullet.png"> <a href="team.html">Team I2P</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="halloffame.html">Hall of Fame</a><br />
-<br /><b>Documentazione</b><br />
-<img src="/_static/images/sqbullet.png"> <a href="how.html">Come funziona?</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="techintro.html">Introduzione Tecnica</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="howto.html">Come funziona<br /> - documenti</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="applications.html">Applicazioni</a><br />
-<br /><b>Sviluppo</b><br />
-<img src="/_static/images/sqbullet.png"> <a href="api_it.html">API</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="licenses.html">Licenze</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="http://trac.i2p2.i2p/">Trac</a>
-
-<br /><br /><b><a href="http://syndie.i2p2.de/">Syndie</a></b><br />
-<br /><b><a href="links.html">Links</a></b><br />
-<br /><b><a rel="nofollow" href="http://i2pproject.net/">Mirror 1</a></b>
-<br /><b><a rel="nofollow" href="http://i2p.us/">Mirror 2</a></b>
-<br /><b><a rel="nofollow" href="http://i2p-projekt.de/">Mirror 3</a></b>
-<br /><b><a rel="nofollow" href="https://www.i2p2.de/">Secure Site</a></b>
-<br /><b><a rel="nofollow" href="https://i2p.us/">Secure Mirror</a></b>
-<br />
-<br /><a href="impressum.html">Impressum</a><br />
-
-{% elif lang == "nl" %}
-<br /><b><a href="index_nl.html">Welkom bij I2P</a></b><br />
-<br /><b><a href="download.html">Download</a></b><br />
-<br /><b>Nieuws</b><br />
-<img src="/_static/images/sqbullet.png"> <a href="announcements.html">Aankondigingen</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="meetings.html">Vergaderingen</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="roadmap.html">Routekaart</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="todo.html">Taken lijst</a><br />
-<br /><b><a href="intro.html">Over I2P</a></b><br />
-<img src="/_static/images/sqbullet.png"> <a href="faq.html">FAQ</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="http://forum.i2p2.de/">Forum</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="bounties.html">Premies</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="getinvolved.html">Werk mee</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="donate.html">Doneer!</a><br />
-
-<img src="/_static/images/sqbullet.png"> <a href="team.html">I2P Team</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="halloffame.html">Eregalerij</a><br />
-<br /><b>Documentation</b><br />
-<img src="/_static/images/sqbullet.png"> <a href="how.html">Hoe werkt het?</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="techintro.html">Tech intro</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="howto.html">Howto docs</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="applications.html">Applicaties</a><br />
-<br /><b>Development</b><br />
-<img src="/_static/images/sqbullet.png"> <a href="api.html">API</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="licenses.html">Licenties</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="http://trac.i2p2.i2p/">Trac</a>
-
-<br /><br /><b><a href="http://syndie.i2p2.de/">Syndie</a></b><br />
-<br /><b><a href="links.html">Links</a></b><br />
-<br /><b><a rel="nofollow" href="http://i2pproject.net/">Mirror</a></b>
-<br /><b><a rel="nofollow" href="http://i2p.us/">Mirror 2</a></b>
-<br /><b><a rel="nofollow" href="http://i2p-projekt.de/">Mirror 3</a></b>
-<br /><b><a rel="nofollow" href="https://www.i2p2.de/">Beveiligde Site</a></b>
-<br /><b><a rel="nofollow" href="https://i2p.us/">Beveiligde Mirror</a></b>
-<br />
-<br /><a href="impressum.html">Impressum</a><br />
-
-{% elif lang == "zh" %}
-<br /><b><a href="index_zh.html">√ I2P首页</a></b><br />
-<br /><b><a href="download_zh.html">√ I2P下载</a></b><br />
-
-<!-- <img src="/_static/images/sqbullet.png"> <a href="http://dev.i2p.net/cgi-bin/cvsweb.cgi/i2p/history.txt?rev=HEAD">Latest changes</a><br /> -->
-<br /><b>项目动æ€</b><br />
-<img src="/_static/images/sqbullet.png"> <a href="announcements.html">公告</a><br />
-<!-- <img src="/_static/images/sqbullet.png"> <a href="http://dev.i2p.net/pipermail/i2p/">Mailinglist</a><br /> -->
-
-<img src="/_static/images/sqbullet.png"> <a href="meetings.html">会议</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="roadmap.html">路线图</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="todo.html">任务</a><br />
-<br /><b><a href="intro.html">I2P简介</a></b><br />
-<img src="/_static/images/sqbullet.png"> <a href="faq_zh.html">√ 常è§é—®é¢˜é›†</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="http://forum.i2p2.de/">i2p论å›</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="bounties.html">èµé‡‘项目</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="getinvolved.html">志愿者</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="donate.html">æ助!</a><br />
-
-<img src="/_static/images/sqbullet.png"> <a href="team.html">I2P团队</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="halloffame.html">åäººå ‚</a><br />
-<br /><b>技术文档</b><br />
-<img src="/_static/images/sqbullet.png"> <a href="how.html">工作原ç†</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="techintro.html">技术内幕</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="howto.html">安装指å—</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="applications.html">程åºå¼€å‘</a><br />
-<br /><b>å¼€å‘</b><br />
-<img src="/_static/images/sqbullet.png"> <a href="api.html">API</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="licenses.html">许å¯è¯</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="http://trac.i2p2.i2p/">Trac</a>
-
-<br /><br /><b><a href="http://syndie.i2p2.de/">Syndie</a></b><br />
-<br /><b><a href="links_zh.html">链接</a></b><br />
-<br /><b><a rel="nofollow" href="http://i2pproject.net/index_zh.html">Mirror</a></b>
-<br /><b><a rel="nofollow" href="http://i2p.us/index_zh.html">Mirror 2</a></b>
-<br /><b><a rel="nofollow" href="http://i2p-projekt.de/index_zh.html">Mirror 3</a></b>
-<br /><b><a rel="nofollow" href="https://www.i2p2.de/index_de.html">Secure Site</a></b>
-<br /><b><a rel="nofollow" href="https://i2p.us/index_zh.html">Secure Mirror</a></b>
-<br />
-<br /><a href="impressum.html">Impressum</a><br />
-
-{% elif lang == "fr" %}
-<br /><b><a href="index_fr.html">Bienvenue sur I2P</a></b><br />
-<br /><b><a href="download.html">Téléchargement</a></b><br />
-
-<!-- <img src="/_static/images/sqbullet.png"> <a href="http://dev.i2p.net/cgi-bin/cvsweb.cgi/i2p/history.txt?rev=HEAD">Latest changes</a><br /> -->
-<br /><b>Nouveautés</b><br />
-<img src="/_static/images/sqbullet.png"> <a href="announcements.html">Versions</a><br />
-<!-- <img src="/_static/images/sqbullet.png"> <a href="http://dev.i2p.net/pipermail/i2p/">Mailinglist</a><br /> -->
-
-<img src="/_static/images/sqbullet.png"> <a href="meetings_fr.html">Rencontres i2p</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="roadmap.html">Roadmap</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="todo.html">Les choses à faire</a><br />
-<br /><b><a href="intro.html">A propos d'i2p</a></b><br />
-<img src="/_static/images/sqbullet.png"> <a href="faq_fr.html">Foire aux questions</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="http://forum.i2p2.de/">I2P forums</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="bounties.html">Primes</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="getinvolved.html">Contribuer</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="donate.html">Faire un don</a><br />
-
-<img src="/_static/images/sqbullet.png"> <a href="team.html">L'équipe</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="halloffame.html">Panthéon des héros</a><br />
-<br /><b>Documentation</b><br />
-<img src="/_static/images/sqbullet.png"> <a href="how.html">Fonctionnement</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="techintro.html">Intro technique</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="howto.html">Turoriaux (How to)</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="applications.html">Applications pour I2P</a><br />
-<br /><b>Développement</b><br />
-<img src="/_static/images/sqbullet.png"> <a href="api.html">API</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="licenses.html">Licences</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="http://trac.i2p2.i2p/">Trac</a>
-
-<br /><br /><b><a href="http://syndie.i2p2.de/">Syndie</a></b><br />
-<br /><b><a href="links.html">Liens</a></b><br />
-<br /><b><a rel="nofollow" href="http://i2pproject.net/index_fr.html">Mirror</a></b>
-<br /><b><a rel="nofollow" href="http://i2p.us/index_fr.html">Mirror 2</a></b>
-<br /><b><a rel="nofollow" href="http://i2p-projekt.de/index_fr.html">Mirror 3</a></b>
-<br /><b><a rel="nofollow" href="https://www.i2p2.de/index_fr.html">Secure Site</a></b>
-<br /><b><a rel="nofollow" href="https://i2p.us/index_fr.html">Secure Mirror</a></b>
-<br />
-<br /><a href="impressum.html">Impressum</a><br />
-
-
-{% elif lang == "ru" %}
-<br /><b><a href="index_ru.html">Добро пожаловать</a></b><br />
-<br /><b><a href="download_ru.html">Скачать</a></b><br />
-
-<br /><b>ÐовоÑти</b><br />
-<img src="/_static/images/sqbullet.png"> <a href="announcements.html">ОбъÑвлениÑ</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="meetings.html">Проектные митинги</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="roadmap.html">План развитиÑ</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="todo.html">СпиÑок задач</a><br />
-
-<br /><b><a href="intro_ru.html">О проекте I2P</a></b><br />
-<img src="/_static/images/sqbullet.png"> <a href="faq.html">FAQ</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="http://forum.i2p2.de/">Форумы</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="bounties_ru.html">Премии за проекты</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="getinvolved_ru.html">Как Ñтать учаÑтником</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="donate_ru.html">Donate!</a><br />
-
-<img src="/_static/images/sqbullet.png"> <a href="team.html">Команда I2P</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="halloffame.html">Зал Славы</a><br />
-
-<br /><b>ДокументациÑ</b><br />
-<img src="/_static/images/sqbullet.png"> <a href="how.html">Как Ñто работает?</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="techintro.html">ТехничеÑÐºÐ°Ñ Ð²Ð²Ð¾Ð´Ð½Ð°Ñ</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="howto.html">Howto docs</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="applications.html">ПриложениÑ</a><br />
-
-<br /><b>Разработка</b><br />
-<img src="/_static/images/sqbullet.png"> <a href="api.html">API</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="licenses.html">Лицензии</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="http://trac.i2p2.i2p/">Багтрекер</a>
-
-<br /><br /><b><a href="http://syndie.i2p2.de/">Syndie</a></b><br />
-<br /><b><a href="links.html">СÑылки</a></b><br />
-<br /><b><a rel="nofollow" href="http://i2pproject.net/index_ru.html">Mirror</a></b>
-<br /><b><a rel="nofollow" href="http://i2p.us/index_ru.html">Mirror 2</a></b>
-<br /><b><a rel="nofollow" href="http://i2p-projekt.de/index_ru.html">Mirror 3</a></b>
-<br /><b><a rel="nofollow" href="https://www.i2p2.de/index_ru.html">Secure Site</a></b>
-<br /><b><a rel="nofollow" href="https://i2p.us/index_ru.html">Secure Mirror</a></b>
-<br />
-<br /><a href="impressum.html">Impressum</a><br />
-
-
-{% else %}
-<br /><b><a href="index.html">Welcome to I2P</a></b><br />
-<br /><b><a href="download.html">Download</a></b><br />
-<!-- <img src="/_static/images/sqbullet.png"> <a href="http://dev.i2p.net/cgi-bin/cvsweb.cgi/i2p/history.txt?rev=HEAD">Latest changes</a><br /> -->
-<br /><b>News</b><br />
-<img src="/_static/images/sqbullet.png"> <a href="announcements.html">Announcements</a><br />
-<!-- <img src="/_static/images/sqbullet.png"> <a href="http://dev.i2p.net/pipermail/i2p/">Mailinglist</a><br /> -->
-
-<img src="/_static/images/sqbullet.png"> <a href="meetings.html">Meetings</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="roadmap.html">Roadmap</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="todo.html">Task list</a><br />
-<br /><b><a href="intro.html">About I2P</a></b><br />
-<img src="/_static/images/sqbullet.png"> <a href="faq.html">FAQ</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="http://forum.i2p2.de/">Forums</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="bounties.html">Bounties</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="getinvolved.html">Get involved</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="donate.html">Donate!</a><br />
-
-<img src="/_static/images/sqbullet.png"> <a href="team.html">I2P Team</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="halloffame.html">Hall of Fame</a><br />
-<br /><b>Documentation</b><br />
-<img src="/_static/images/sqbullet.png"> <a href="how.html">How does it work?</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="techintro.html">Tech intro</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="howto.html">Howto docs</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="applications.html">Applications</a><br />
-<br /><b>Development</b><br />
-<img src="/_static/images/sqbullet.png"> <a href="api.html">API</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="licenses.html">Licenses</a><br />
-<img src="/_static/images/sqbullet.png"> <a href="http://trac.i2p2.i2p/">Trac</a>
-
-<br /><br /><b><a href="http://syndie.i2p2.de/">Syndie</a></b><br />
-<br /><b><a href="links.html">Links</a></b><br />
-<br /><b><a rel="nofollow" href="http://i2pproject.net/">Mirror</a></b>
-<br /><b><a rel="nofollow" href="http://i2p.us/">Mirror 2</a></b>
-<br /><b><a rel="nofollow" href="http://i2p-projekt.de/">Mirror 3</a></b>
-<br /><b><a rel="nofollow" href="https://www.i2p2.de/">Secure Site</a></b>
-<br /><b><a rel="nofollow" href="https://i2p.us/">Secure Mirror</a></b>
-<br />
-<br /><a href="impressum.html">Impressum</a><br />
-{% endif %}
+<div class="menu grid_9 alpha">
+<ul>
+ <li><a href="index.html">Home</a>
+ </li>
+ <li><a href="download.html">Download</a>
+ </li>
+ <li><a href="news.html">News</a>
+ <ul class="leftbutton">
+ <li><a href="announcements.html"> Announcements</a></li>
+ <li><a href="meetings.html"> Meetings</a></li>
+ <li><a href="roadmap.html"> Roadmap</a></li>
+ <li><a href="todo.html"> Task list</a></li>
+ </ul>
+ </li>
+ <li><a href="#">About</a>
+ <ul>
+ <li><a href="faq.html"> FAQ</a></li>
+ <li><a href="http://forum.i2p2.de/"> Forums</a></li>
+ <li><a href="bounties.html"> Bounties</a></li>
+ <li><a href="getinvolved.html"> Get involved</a></li>
+ <li><a href="donate.html"> Donate!</a></li>
+ <li><a href="team.html"> I2P Team</a></li>
+ <li><a href="halloffame.html"> Hall of Fame</a></li>
+ <li><a href="links.html"> Links</a></li>
+ <li><a href="impressum.html"> Impressum</a></li>
+ </ul>
+ </li>
+ <li><a href="#">Documentation</a>
+ <ul>
+ <li><a href="how.html"> How does it work?</a></li>
+ <li><a href="techintro.html"> Tech intro</a></li>
+ <li><a href="howto.html"> Howto docs</a></li>
+ <li><a href="applications.html"> Applications</a></li>
+ </ul>
+ </li>
+ <li><a href="getinvolved.html">Development</a>
+ <ul>
+ <li><a href="api.html"> API</a></li>
+ <li><a href="licenses.html"> Licenses</a></li>
+ <li><a href="http://trac.i2p2.i2p/"> Trac</a></li>
+ </ul>
+ </li>
+</ul>
+</div>
+
+<div id="languagebar" class="grid_3 omega">
+ <div id="flags">
+<a href="index.html"><img src="_static/images/us.png" alt="English" title="English" class="lang" /></a>
+<a href="index_de.html"><img src="_static/images/de.png" alt="Deutsch" title="Deutsch" class="lang" /></a>
+<a href="index_zh.html"><img src="_static/images/zh.png" alt="ä¸æ–‡" title="ä¸æ–‡" class="lang" /></a>
+<a href="index_fr.html"><img src="_static/images/fr.png" alt="Français" title="Français" class="lang" /></a>
+<a href="index_it.html"><img src="_static/images/it.png" alt="Italiano" title="Italiano" class="lang" /></a>
+<a href="index_nl.html"><img src="_static/images/nl.png" alt="Nederlands" title="Nederlands" class="lang" /></a>
+<a href="index_ru.html"><img src="_static/images/ru.png" alt="РуÑÑкий" title="РуÑÑкий" class="lang" /></a>
+ </div>
+</div>
diff --git a/www.i2p2/pages/index.html b/www.i2p2/pages/index.html
index 3805ef14a6eebd57bb681cba4dc928241c71865b..e2d97fc1b6892ea167d9081fbed19940e8e74494 100644
--- a/www.i2p2/pages/index.html
+++ b/www.i2p2/pages/index.html
@@ -1,88 +1,118 @@
{% extends "_layout.html" %}
{% block title %}I2P Anonymous Network{% endblock %}
{% block content %}
-<table cellspacing="10" class="announce"><tr class="announce"><td valign="top" class="announce">
-<div class="version">
-<b>Latest version:</b><div class=underline></div>
-2010-07-12 - <strong>I2P 0.8</strong> - {{ urlify("release-0.8", "Announcement", "html")}}
-- <a href="download">Download</a><br /><div class="underline"></div>
-2007-09-28 - <strong>Syndie 1.101a</strong> -
-<!-- <a href="http://dev.i2p.net/pipermail/i2p/2007-September/001355.html">Announcement</a> -->
-- <a href="http://syndie.i2p2.de/download.html">Download</a>
+<div class="grid_8">
+<div id="what_can_i2p_do">
+<h2>What can I2P do for you?</h2>
+
+<p>The I2P network provides <a href="how_threatmodel.html">strong privacy protections</a> for communication over the Internet. Many activities that would risk your privacy on the public Internet can be conducted <a href="anonymity_is_not_a_boolean.html">anonymously</a> on I2P. Though suitable for general privacy-conscious usage, I2P is also designed to protect users under high risk, such as:</p>
+
+<ul class="grid_4 alpha">
+ <li>
+ <a href="use_case.html#activists"><strong>Activists</strong></a><br />
+ Coordinate on human rights, free speech, peace.
+ </li>
+ <li>
+ <a href="use_case.html#marginalized_groups"><strong>Marginalized groups</strong></a><br />
+ Associate without threat of ethnic, political, or religious persecution.
+ </li>
+</ul>
+
+<ul class="grid_4 omega">
+ <li>
+ <a href="use_case.html#journalists"><strong>Journalists</strong></a><br />
+ Bypass media censorship, increase anonymity for high-risk sources.
+ </li>
+ <li>
+ <a href="use_case.html#whistleblowers"><strong>Whistleblowers</strong></a><br />
+ Anonymous disclosure of institutional corruption.
+ </li>
+ <li>
+ <a href="use_cases.html"><em>More use cases…</em></a>
+ </li>
+</ul>
</div>
-<div class="news">
-<b>Latest News:</b><div class=underline></div>
-2010-07-12 - I2P 0.8
-<a href="release-0.8.html">Released</a>
-<br />
-2010-06-07 - I2P 0.7.14
-<a href="release-0.7.14.html">Released</a>
-<br />
-2010-04-27 - I2P 0.7.13
-<a href="release-0.7.13.html">Released</a>
-<br />
-2010-03-15 - I2P 0.7.12
-<a href="release-0.7.12.html">Released</a>
-<br /></div>
-<!--
-<td>
-<a href="download"><img src="/_static/images/logo07c.jpg" alt="0.7 logo" border="none"/></a> -->
-</table>
-<div class="underline"></div>
-<p>I2P is an anonymizing network, offering a simple layer that identity-sensitive
-applications can use to securely communicate. All data is wrapped with several
-layers of encryption, and the network is both distributed and dynamic, with no trusted parties.</p>
-<p>
-Many applications are available that interface with I2P, including
-mail, peer-peer, IRC chat, and others.
-</p><p>
-I2P is growing fast! There were nine releases in 2009, and traffic grew by a factor of 5:
-</p><p>
-<center>
-<img src="/_static/images/bandwidth2009.png" alt="2009 bandwidth" />
-</center>
-</p>
+<div id="try_i2p_now" class="grid_4 alpha">
+ <h1>Get started with I2P</h1>
+</div>
+<div class="grid_4 omega">
+<div class="btn btn_download ">
+ <a href="download.html">Download Now</a>
+ <span> </span>
+</div>
+</div>
+<div class="clear"></div>
+
+<div id="how_does_i2p_work">
+<h2>How does I2P work?</h2>
<p>
-The I2P project was formed in 2003 to support the efforts of
-those trying to build a more free society by offering them an uncensorable,
-anonymous, and secure communication system. I2P is a development effort
-producing a low latency, fully distributed, autonomous, scalable, anonymous,
-resilient, and secure network. The goal is to operate successfully in
-hostile environments. even when an organization with substantial financial
-or political resources attacks it. All aspects of the network are open source and
-available without cost, as this should both assure the people using it that the software
-does what it claims, as well as enable others to contribute and improve
-upon it to defeat aggressive attempts to
-stifle free speech.
+<img src="_static/images/net.png" alt="Network diagram" width="599" height="418" />
</p>
-<p>Anonymity is not a boolean - we are not trying to make something
-"perfectly anonymous", but instead are working at making attacks more and more
-expensive to mount. I2P is a low latency mix network,
-and there are limits to the anonymity offered by such a system, but the applications
-on top of I2P, such as <a href="http://syndie.i2p2.de/">Syndie</a>, I2P mail,
-and I2PSnark extend it to offer both additional functionality and protection.</p>
+<p>On the public Internet your external IP address is unique and provides a strong correlation between your online activities and your true identity. Effective privacy is hard to achieve because the Internet, by design, allows senders and receivers to see each other's external IP address. Another fundamental threat to privacy results from Internet-enabled applications that don't encrypt – or don't sufficiently encrypt – your sensitive communications.</p>
-<p>I2P is still a work in progress.
-It should not be relied upon for "guaranteed" anonymity at this time,
-due to the relatively small size of the network and the lack of extensive academic review.
-It is not immune to to attacks from those with unlimited resources, and may never be,
-due to the inherent limitations of low-latency mix networks.
-</p>
+<p>I2P anonymizes Internet communications by: 1) employing many techniques to make it <a href="how_threatmodel.html">exceedingly difficult</a> for a receiver to prove the IP address of a sender and vice versa; and 2) by strongly encrypting all communication between the sender and receiver.</p>
-<p>
-I2P works by routing traffic through other peers, as shown in the following picture.
-All traffic is encrypted end-to-end.
-For more information about how I2P works, see the
-<a href="how_intro">Introduction</a>.
-</p><p>
-<center>
-<div class="box">
-<img src="/_static/images/endToEndEncryption.png" alt="end to end layered encryption" />
+<p>To explore the workings of I2P in further detail please read <a href="gentle_intro.html">A Gentle Introduction to the I2P Network</a>. The technically-minded may wish to proceed to the <a href="technical_intro.html">I2P Network Technical Introduction</a>.</p>
+</div>
+</div>
+
+<div class="grid_4">
+<div id="supported_applications">
+<h2>Supported Applications</h2>
+ <ul>
+ <li>
+ <a href="applications.html#email"><strong>Email</strong></a>
+ Integrated web mail interface, plugin for serverless email.
+ </li>
+ <li>
+ <a href="applications.html#web_browsing"><strong>Web browsing</strong></a>
+ Anonymous websites, gateways to and from the public Internet.
+ </li>
+ <li>
+ <a href="applications.html#blogging_and_forums"><strong>Blogging and forums</strong></a>
+ Blogging and Syndie plugins.
+ </li>
+ <li>
+ <a href="applications.html#website_hosting"><strong>Website hosting</strong></a>
+ Integrated anonymous web server.
+ </li>
+ <li>
+ <a href="applications.html#real_time_chat"><strong>Real-time chat</strong></a>
+ Instant messaging and IRC clients.
+ </li>
+ <li>
+ <a href="applications.html#file_sharing"><strong>File sharing</strong></a>
+ ED2K and Gnutella clients, integrated BitTorrent client.
+ </li>
+ <li>
+ <a href="applications.html#_decentralized_file_storage"><strong>Decentralized file storage</strong></a>
+ Tahoe-LAFS distributed filesystem plugin.
+ </li>
+ <li>
+ <a href="applications.html"><em>More supported applications…</em></a>
+ </li>
+</ul>
</div>
-</center>
-</p>
+<div id="news">
+<h2>News</h2>
+<ul>
+ <li><strong>2010-07-21</strong> <a href="news.html">I2P Coding Moratorium & Appeal for Website Overhaul Help</a></li>
+ <li><strong>2010-07-18</strong> <a href="news.html">I2P at HOPE, Cooperation with Pegasus Project</a></li>
+ <li><strong>2010-07-15</strong> <a href="news.html">Stack Overflow Success!</a></li>
+ <li><strong>2010-07-12</strong> <a href="news.html">0.8 Released</a></li>
+</ul>
+</div>
+
+<div id="donate_button">
+ <div class="btn btn_donate">
+ <a href="donate.html">Donate</a>
+ <span> </span>
+ </div>
+ <div class="clear"></div>
+</div>
+</div>
{% endblock %}
diff --git a/www.i2p2/static/images/btn_left.png b/www.i2p2/static/images/btn_left.png
new file mode 100644
index 0000000000000000000000000000000000000000..9e49dd0028f4f784d39eaa1a55b0f46b03092af1
Binary files /dev/null and b/www.i2p2/static/images/btn_left.png differ
diff --git a/www.i2p2/static/images/btn_right.png b/www.i2p2/static/images/btn_right.png
new file mode 100644
index 0000000000000000000000000000000000000000..d4a6d2b8ae87fb30be8c369fec1352a74e9749c1
Binary files /dev/null and b/www.i2p2/static/images/btn_right.png differ
diff --git a/www.i2p2/static/images/btn_stretch.png b/www.i2p2/static/images/btn_stretch.png
new file mode 100644
index 0000000000000000000000000000000000000000..4dd0197e8eaa83b3ac66bdb5a0221ecdfe113ab4
Binary files /dev/null and b/www.i2p2/static/images/btn_stretch.png differ
diff --git a/www.i2p2/static/styles/960.css b/www.i2p2/static/styles/960.css
new file mode 100644
index 0000000000000000000000000000000000000000..fe3d05f64e99d8b0080acf0a621d32d9360085a5
--- /dev/null
+++ b/www.i2p2/static/styles/960.css
@@ -0,0 +1 @@
+.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}
\ No newline at end of file
diff --git a/www.i2p2/static/styles/default.css b/www.i2p2/static/styles/default.css
new file mode 100644
index 0000000000000000000000000000000000000000..4862060cfd04cef22643ae644ceb5f5bc003df09
--- /dev/null
+++ b/www.i2p2/static/styles/default.css
@@ -0,0 +1,84 @@
+html,body,h1,h2,h3,ol,ul,p{margin:0;padding:0}
+
+body {
+ font-family: sans-serif;
+}
+
+p,ol,ul {margin-bottom:10px}
+
+img {border:0;}
+
+.hide {
+ display: none;
+}
+
+#header {
+ border-bottom:1px solid black; /* give us a black border underneath */
+ margin-bottom: 10px;
+}
+
+#logo {
+ margin-top: 12px;
+ height: 42px;
+}
+
+#slogan {
+ margin-top: 12px;
+ height: 42px;
+}
+
+#searchbox {
+ margin-top: 18px;
+}
+
+#searchbox form{
+ float: right;
+}
+
+#flags {
+ float: right;
+}
+
+.content li {
+ margin-left: 1.4em;
+}
+
+#try_i2p_now {
+ margin-top: 6px;
+ margin-bottom: 10px;
+}
+
+#supported_applications {
+ font-size: smaller;
+}
+
+#news {
+ font-size: smaller;
+}
+
+.btn {
+ float: left;
+ clear: both;
+ background: url(../images/btn_left.png) no-repeat;
+ padding: 0 0 0 10px;
+ margin: 5px 0;
+}
+.btn a{
+ float: left;
+ height: 40px;
+ background: url(../images/btn_stretch.png) repeat-x left top;
+ line-height: 40px;
+ padding: 0 10px;
+ color: #fff;
+ font-size: 1.5em;
+ font-weight: bold;
+ text-decoration: none;
+}
+.btn span {
+ background: url(../images/btn_right.png) no-repeat;
+ float: left;
+ width: 10px;
+ height: 40px;
+}
+.btn_download { background-color: red; }
+.btn_donate { background-color: green; }
diff --git a/www.i2p2/static/styles/mainmenu.css b/www.i2p2/static/styles/mainmenu.css
new file mode 100644
index 0000000000000000000000000000000000000000..7299b3423d5e0912e93fe6607bb9f3083cbc88d5
--- /dev/null
+++ b/www.i2p2/static/styles/mainmenu.css
@@ -0,0 +1,165 @@
+/*==============================================================================
+
+ GRC multi-level script-free pure-CSS menuing system stylesheet.
+ This code is hereby placed into the public domain by its author
+ Steve Gibson. It may be freely used for any purpose whatsoever.
+
+ Computed Geometries: with a default 12px font, 1.0em == 12px and
+ 1px == 0.08333em.
+ Thus, our 98px wide Freeware & Research buttons are 8.166666em wide.
+
+ PUBLIC DOMAIN CONTRIBUTION NOTICE
+ This work has been explicitly placed into the Public Domain for the
+ benefit of anyone who may find it useful for any purpose whatsoever.
+
+==============================================================================*/
+
+ /*========================= TOP OF THE MENU CASCADE =========================*/
+
+.menu {
+ position:relative; /* establish a menu-relative positioning context */
+ float:left; /* play nicely with others */
+ margin:0;
+ padding:0;
+ border:0;
+ height:24px; /* the menu's overall height */
+}
+
+.menu img {
+ vertical-align: top; /* prevent images from being pushed down by text */
+}
+
+.menu ul {
+ margin:0;
+ list-style-type:none; /* we don't want to view the list as a list */
+ line-height:1.5em; /* globally set the menu's item spacing. note */
+} /* this must be 1.0 or 1.5 or 2.0 for Mozilla */
+
+.menu li {
+ float:left; /* this creates the side-by-side array of top-level buttons */
+ position:relative; /* create local positioning contexts for each button */
+ margin:0;
+ margin-right: 2em;
+}
+
+.drop {
+ display:block;
+ padding:0px 0.33em; /* this sets the l/r margins for our menu item */
+ margin:0;
+ text-align:right; /* this right alignment goes with the float:left below */
+ cursor:pointer; /* IE tries to switch back to an I-beam, don't let it */
+ cursor:hand; /* IE5 only knows about "hand", so set it both ways */
+}
+
+.drop span { /* this simultaneously left and right aligns the text and */
+ float:left; /* the >> in the drop-down menus which link to sub-menus */
+}
+
+.rightmenu {
+ position:relative; /* establish a local positioning context for YAH label */
+ float:right; /* and right-align it at the top of our page */
+}
+
+/*======================== TOP LEVEL MENU DEFINITIONS ========================*/
+
+.menu ul li ul {
+ display:none; /* initially hide the entire list hierarchy */
+ padding:1px; /* this is our box border width */
+}
+
+.menu ul li a,
+.menu ul li a:visited { /* unselected top-level menu items */
+ display:block;
+ float:left;
+ text-decoration:none;
+ height:24px;
+}
+
+/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/
+
+.menu ul li:hover ul,
+.menu ul li a:hover ul { /* 2nd level drop-down box */
+ display:block;
+ position:absolute;
+ margin:0;
+ top:24px; /* place us just up underneath the top-level images */
+ left:-1px; /* left-align our drop-down to the previous button border */
+ height:auto; /* the drop-down height will be determiend by line count */
+ width:13.5em;
+ color:black; /* this sets the unselected-text color */
+ background:black; /* this sets our menu's effective "border" color */
+}
+
+.menu ul li:hover ul.leftbutton,
+.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
+ left:0px;
+}
+
+.menu ul li:hover ul.skinny,
+.menu ul li a:hover ul.skinny { /* 2nd level skinny drop-down box */
+ width:8.08333em; /* with a 12px default font, this is 97px width (97/12) */
+}
+
+.menu ul.rightmenu li:hover ul,
+.menu ul.rightmenu li a:hover ul { /* 2nd level neighborhood drop-down box */
+ left:auto;
+ right:0; /* nudge the right menu right to line up under the border */
+ width:400px; /* with a 12px default font, this is 228px width (228/12) */
+}
+
+* html .menu ul.rightmenu li a:hover ul { /* IE5/6 needs a tweak here */
+ right:-1px;
+}
+
+.menu ul li:hover ul li a,
+.menu ul li a:hover ul li a { /* 2nd level unselected items */
+ border:0;
+ margin:0;
+ padding:0;
+ height:auto;
+ color:#000; /* this sets the unselected drop-down text color */
+ background:#d8d8d8; /* this sets the drop-down menu background color */
+ width:13.5em;
+}
+
+.menu ul li:hover ul li:hover a,
+.menu ul li a:hover ul li a:hover { /* 2nd level selected item */
+ color:black;
+ background:white;
+}
+
+.menu ul li:hover ul.skinny li a,
+.menu ul li a:hover ul.skinny li a,
+.menu ul li:hover ul.skinny li a:hover,
+.menu ul li a:hover ul.skinny li a:hover { /* 2nd level un+selected items */
+ width:8.08333em;
+}
+
+/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/
+
+.menu ul li:hover ul li ul,
+.menu ul li a:hover ul li a ul { /* hide inactive 3rd-level menus */
+ visibility:hidden;
+}
+
+.menu ul li:hover ul li:hover ul,
+.menu ul li a:hover ul li a:hover ul { /* 3rd level drop-down box */
+ visibility:visible;
+ position:absolute;
+ margin-top:-1px; /* bring the top edge of the 3rd level menu up one */
+ top:0;
+ left:8.08333em;
+ width:14em;
+}
+
+.menu ul li:hover ul li:hover ul li a,
+.menu ul li a:hover ul li a:hover ul li a { /* 3rd level unselected items */
+ width:14em;
+ background:#d8d8d8;
+}
+
+.menu ul li:hover ul li:hover ul li a:hover,
+.menu ul li a:hover ul li a:hover ul li a:hover { /* level3 selected items */
+ width:14em;
+ background:white;
+}