updated nav and breadcrumbs, along with proper hardcoded links for prod
authorMilos Dinic <milos@mozilla-europe.org>
Wed, 17 Nov 2010 16:11:17 +0100
changeset 39 cdead97071b5570675899779c2ba4d14b06ef2b9
parent 38 3c2ee4ab9e85bde6e95057547e598f6bc3324287
child 40 109f502055daa4aebddc43065f5e3622ee76ed87
push id17
push userzbraniecki@mozilla.com
push dateWed, 17 Nov 2010 15:15:17 +0000
updated nav and breadcrumbs, along with proper hardcoded links for prod
mediawiki/skins/gmo.php
mediawiki/skins/gmo/style/screen.css
--- a/mediawiki/skins/gmo.php
+++ b/mediawiki/skins/gmo.php
@@ -1,15 +1,14 @@
 <?php
 /**
- * MonoBook nouveau
+ * Based on MonoBook nouveau
  *
- * Translated from gwicke's previous TAL template version to remove
- * dependency on PHPTAL.
- *
+ * Authors: Milos Dinic <milos@mozilla-europe.org>
+ *          Zbigniew Braniecki <gandalf@mozilla.com>
  * @todo document
  * @file
  * @ingroup Skins
  */
 
 $url = 'http://www.mozilla.org';
 
 if( !defined( 'MEDIAWIKI' ) )
@@ -72,21 +71,16 @@ class GMOTemplate extends QuickTemplate 
     
     /*************************************************************************************************/
     function drawpage() {
     	$this->doctype();
     	$this->head();
         $this->header();
         $this->body();
         $this->footer();
-?>
-
-
-
-<?php
     }
 
     /*************************************************************************************************/
     function doctype($html5=false) {
         if ($html5 == true) {
             print('<!DOCTYPE HTML><html xml:lang="'
                 .$this->data['lang'].'" lang="'
                 .$this->data['lang'].'" dir="'
@@ -112,21 +106,16 @@ class GMOTemplate extends QuickTemplate 
     <title><?php $this->text('pagetitle') ?></title>
     <meta name="DC.description" content="" />
     <meta name="DC.subject" content="" />
     <meta name="DC.creator" content="Happy Cog Studios - http://www.happycog.com" />
     <meta name="DC.creator" content="silverorange Inc - http://www.silverorange.com" />
     <meta name="DC.publisher" content="" />
     <meta name="DC.language" content="en" />
     <meta name="viewport" content="width=978" />
-
-    <script type="text/javascript" src="<?php echo $this->stylepath ?>/js/jquery-1.3.2.min.js"></script>
-    <script type="text/javascript" src="<?php echo $this->stylepath ?>/js/jquery.functions.js"></script>
-    <script type="text/javascript" src="<?php echo $this->stylepath ?>/js/jquery-ui-1.7.2.custom.min.js"></script>
-    <script type="text/javascript" src="<?php echo $this->stylepath ?>/js/mozilla.org.js"></script>
     <?php $this->html('headlinks') ?>
     <?php $this->html('csslinks') ?>
 
     <?php print Skin::makeGlobalVariablesScript( $this->data ); ?>
 </head>
 <?php
     }
 
@@ -145,25 +134,25 @@ class GMOTemplate extends QuickTemplate 
 <ul id="skip">
     <li><a href="#q">Skip to Search</a></li>
     <li><a href="#nav">Skip to Navigation</a></li>
     <li><a href="#localnav">Skip to Sub Navigation</a></li>
     <li><a href="#main">Skip to Content</a></li>
 </ul>
 
 <div id="header">
-    <h1 class="unitPng"><a href="<?php echo $url?>/">guides.mozila.org</a></h1>
+    <h1 class="unitPng"><a href="http://guides.mozilla.org/">guides.mozila.org</a></h1>
     <div id="header-contents">
         <div>
             <ul>
                 <?php foreach($this->data['content_actions'] as $key => $action) {
                 ?><li id="ca-<?php echo htmlspecialchars($key) ?>"
                 <?php if($action['class']) { ?>class="<?php echo htmlspecialchars($action['class']) ?>"<?php } ?>
-                >[<a href="<?php echo htmlspecialchars($action['href']) ?>"><?php
-                    echo htmlspecialchars($action['text']) ?></a>]</li><?php
+                ><a href="<?php echo htmlspecialchars($action['href']) ?>"><?php
+                    echo htmlspecialchars($action['text']) ?></a></li><?php
                 } ?>
             </ul>
         </div>
     </div>
 </div>
 
 <div id="main">
     <?php
@@ -207,33 +196,53 @@ class GMOTemplate extends QuickTemplate 
                     </div>
                   <?php }} ?>
                 </div>
             </div>
             
             <div id="main-content"<?php if($menu)print(' class="with-menu"');?>>              
                 <h1 id="page-title"><?php print($title);?></h1>
                 <hr>
-                <?php 
-                $pieces = explode("/", $_SERVER['REQUEST_URI']);
-                array_shift($pieces);
-                $last_piece = end($pieces); /* define a last item in array */
-                foreach ($pieces as $key => $url) {
-                    $label = ucwords($url);
-                    $url = "http://localhost/";  /* define url, WITH A TRAILING SLASH, to which we're gonna add pieces later */
-                    for ($i = 0; $i <= $key; $i++) { 
-                        $url .= $pieces[$i] . "/"; 
+                <div id="breadcrumbs">
+                    <?php 
+                    $pieces = explode("/", $this->data['title']);
+                    ?>
+                    <span class="breadcrumb-item"> <a href="http://guides.mozilla.org/">Home</a> > </span>
+                    <?php
+                    $last_piece = end($pieces); /* define a last item in array */
+                    $elements_count = count($pieces);
+                    $elements_count -= 1;
+                    foreach ($pieces as $key => $url) {
+                        $label = ucwords($url);
+                        $moj_niz = array(0 => "Revision History", 1 => "action=edit");
+                        $moj_niz[] = $label; 
+                        $url = "http://guides.mozilla.org/";
+                        foreach ($moj_niz as $kljuc => $clan) {
+                            if(!substr($pieces[i], $clan) >= 0) {
+                                unset($pieces[i]);  /* remove edit page, history revision and such from breadcrumbs */
+                                } 
+                            else {}
+                        }
+                        for ($i = 0; $i <= $key; $i++) {
+                            if($i == $elements_count) { $url .= $pieces[$i]; }
+                            else {$url .= $pieces[$i] . "/";}
+                        }
+                        $url = preg_replace('/ /', '_', $url);
+                        if ($url != "" && $label != $last_piece) { /* don't put | sign after the last piece */
+                            if(!array_search("action=", $moj_niz) && $last_piece != "Main_Page") {
+                                echo "<span class=\"breadcrumb-item\"> <a href=" . substr_replace($url ,"",-1) . ">" . $label . "</a> > </span>";
+                            } else {}
+                        } else {
+                            if(!array_search("action=", $moj_niz)) {
+                                echo "<span class=\"breadcrumb-item\"> <a href=" . $url . ">" . $label . "</a></span>";
+                            } else {}
+                        }
                     }
-                    if ($url != "" && $label != $last_piece) { /* don't put | sign after the last piece */
-                    echo "<span> <a href=" . $url . ">" . $label . "</a></span> |";
-                    } else {
-                        echo "<span> <a href=" . $url . ">" . $label . "</a></span>";
-                    }
-                }
                 ?>
+                </div>
                 <h3 id="siteSub"><?php $this->msg('tagline') ?></h3>
                 <div id="contentSub"><?php $this->html('subtitle') ?></div>
                 <?php if($this->data['undelete']) { ?><div id="contentSub2"><?php     $this->html('undelete') ?></div><?php } ?>
                 <?php if($this->data['newtalk'] ) { ?><div class="usermessage"><?php $this->html('newtalk')  ?></div><?php } ?>
                 <?php if($this->data['showjumplinks']) { ?><div id="jump-to-nav"><?php $this->msg('jumpto') ?> <a href="#column-one"><?php $this->msg('jumptonavigation') ?></a>, <a href="#searchInput"><?php $this->msg('jumptosearch') ?></a></div><?php } ?>
                 <!-- start content -->
                 <?php if($menu)
               $this->toc($toc); ?>
--- a/mediawiki/skins/gmo/style/screen.css
+++ b/mediawiki/skins/gmo/style/screen.css
@@ -1,1312 +1,318 @@
-/* {{{ Reset */
-
-* { margin:0; padding:0; line-height:1.4; }
-body { background:#fff url(../img/screen/template/background.jpg) no-repeat left top; color:#444; font:100% Arial, sans-serif; }
-
-img { border: 0; }
-
-/* }}} */
-/* {{{ Header */
-
-body {
-    margin-top: 30px;
-    min-width: 880px;
-}
-
-#main {
-    max-width: 1000px;
-}
-
-#header {
-	border-bottom: 10px solid #a5151e;
-	margin: 0 0 15px 6%;
-	position: relative;
-	background: #2a2a2a;
-	background: rgba(38,38,38,0.98);
-	height: 30px;
-	padding-top: 57px;
-	zoom: 1;
-    color:#B91E27;
-}
-
-#header h1 {
-	background: transparent url(../img/screen/template/dino.png) no-repeat left top;
-	position: absolute;
-	left: -140px;
-	margin: 0;
-	top: -30px;
-	width: 381px;
-	height: 227px;
-	z-index: 1;
-}
-
-#header h1 a,
-#header h1 span {
-	display: inline;
-	float: left;
-	font-family: MetaBold, Trebuchet MS, sans-serif;
-    font-weight: bold;
-	letter-spacing: -2px;
-	font-size: 30px;
-	color: #fff;
-	text-decoration: none;
-	padding: 0 40px;
-	margin: 70px 100px 0 130px;
-	text-shadow: 0 1px 5px rgba(0,0,0,0.4);
-}
-
-#header h1 a:hover {
-	text-decoration: none;
-	color: #eee;
-	text-shadow: 0 1px 5px rgba(0,0,0,0.4),
-	             0 0 10px rgba(255,255,255,0.4);
-}
-
-#header a:link, #header a:visited {
-    color: #FFFFFF;
-}
-
-#header-contents {
-    background:none repeat scroll 0 0 transparent;
-    float:right;
-    list-style-type:none;
-    padding-left:310px;
-    position:absolute;
-    text-align:right;
-    top:35px;
-}
-
-#header-contents li {
-background:inherit;
+*{margin:0;padding:0;line-height:1.4;}
+body{background:#fff url(../img/screen/template/background.jpg) no-repeat left top;color:#444;font:100% Arial, sans-serif;}
+img{border:0;}
+body{margin-top:30px;min-width:880px;}
+#main{max-width:1000px;}
+#header{background:none repeat scroll 0 0 rgba(38, 38, 38, 0.98);
+border-bottom:10px solid #A5151E;
+color:#B91E27;
+height:30px;
+margin:0 0 15px 6%;
+padding-top:57px;
+position:relative;}
+#header h1{background:transparent url(../img/screen/template/dino.png) no-repeat left top;position:absolute;left:-140px;margin:0;top:-30px;width:381px;height:227px;z-index:1;}
+#header h1 a, #header h1 span{display:inline;float:left;font-family:MetaBold, Trebuchet MS, sans-serif;font-weight:bold;letter-spacing:-2px;font-size:30px;color:#fff;text-decoration:none;padding:0 40px;margin:70px 100px 0 130px;text-shadow:0 1px 5px rgba(0,0,0,0.4);}
+#header h1 a:hover{text-decoration:none;color:#eee;text-shadow:0 1px 5px rgba(0,0,0,0.4), 0 0 10px rgba(255,255,255,0.4);}
+#header a:link, #header a:visited{color:#FFFFFF;}
+#header-contents{float:right;
+left:42%;
+list-style-type:none;
+position:absolute;
+text-align:right;
+top:42%;}
+#header-contents li{
+background-image:none;
+float:left;
+font-size:20px;
+padding:3px;}
+#header-contents li a{-moz-border-radius-topleft:9px;
+-moz-border-radius-topright:9px;
+background-color:#A5151E;
+background-image:none;
 float:left;
 font-size:20px;
-}
-#nav {
-	margin: 0;
-	float: left;
-}
-
-#nav li {
-	background: none;
-	padding: 0;
-	float: left;
-}
-
-#nav a,
-#nav span {
-	color: #ccc;
-	display: block;
-	padding: 15px 15px;
-	font-family: MetaBold, Trebuchet MS, sans-serif;
-	font-weight: bold;
-	font-size: 15px;
-}
-
-#nav a:hover,
-#nav a:focus {
-	text-decoration: none;
-	color: #f59d56;
-}
-
-#nav .selected,
-#nav .on {
-	background: url(../img/screen/template/menu-divider.png) bottom right repeat-x;
-	color: #f59d56;
-}
-
-#quick-search {
-	white-space: nowrap;
-	float: left;
-	padding: 13px 0 5px 15px;
-	line-height: 1;
-}
-
-#quick-search #q {
-	width: 100px;
-	border: 1px solid #1e4262;
-	background: #fff url(../img/screen/template/search-icon.png) 2px 50% no-repeat;
-	-moz-box-shadow: inset 1px 1px 1px rgba(100,100,100,0.5);
-	font-size: 11px;
-	padding: 2px 4px 2px 20px;
-	height: 17px;
-	position: relative;
-	z-index: 2;
-	vertical-align: middle;
-	color: #999;
-}
-
-#quick-search #q:focus {
-	color: #333;
-}
-
-#quick-search-btn {
-	vertical-align: middle;
-	position: relative;
-	left: -16px;
-	z-index: 1;
-}
-
-/* }}} */
-/* {{{ Home Page */
-
-#moral {
-	margin: 20px 0 10px 0;
-}
-
-#moral h1 {
-	font-family: MetaBold, Trebuchet MS, sans-serif;
-    font-weight: bold;
-	letter-spacing: -0.02em;
-	font-size: 60px;
-	color: #a5151e;
-	margin: 0;
-}
-
-#moral p {
-	font-family: georgia;
-	font-size: 24px;
-	font-style: italic;
-	margin: 0;
-}
-
-#home #main {
-	position: relative;
-	z-index: 1;
-	background: url(../img/screen/home/background-paint.jpg) 100px 150px no-repeat;
-}
-
-#home #main-content {
-	margin-right: 0;
-}
-
-#home #content {
-	margin-right: 320px;
-	padding-top: 33px;
-}
-
-#donate-box {
-	background: url(../img/screen/home/donate-box.png) 100% 100% no-repeat;
-	padding-bottom: 19px;
-	margin-bottom: 20px;
-}
-
-#donate-box p {
-	padding: 55px 120px 10px 30px;
-	margin: 0;
-	font-weight: bold;
-	font-style: italic;
-	font-family: georgia, serif;
-	color: #fff;
-	font-size: 20px;
-	line-height: 1.2;
-	background: url(../img/screen/home/donate-box.png) 0 0 no-repeat;
-}
-
-#donate-box p a:link,
-#donate-box p a:visited {
-	color: #a5151e;
-}
-
-#home #sub {
-	margin-top: 0;
-	width: 300px;
-}
-
-#home #sub .feature {
-	border-bottom: #f9f9f9 4px solid;
-	padding: 5px 10px 15px 10px;
-	margin: 10px 20px;
-	font-family: georgia, serif;
-	color: #69645c;
-	font-size: 14px;
-}
-
-#home #sub .feature:last-child {
-	border-bottom: 0;
-}
-
-#home #sub .feature h3 {
-	font-family: MetaBold, Trebuchet MS, sans-serif;
-	font-size: 18px;
-	color: #a5151e;
-	margin: 0 5px 0 0;
-}
-
-#home #sub .feature p {
-    margin: 0 0 5px 0;
-}
-
-#home-feature .action-button {
-	position: relative;
-	display: inline-block;
-	font-family: MetaBold, Trebuchet MS, sans-serif;
-	border: 1px solid #46a21b;
-	border-top-color: #55a82f;
-	border-left-color: #55a82f;
-	color: #09700b;
-	text-shadow: 0 1px #fff;
-	padding: 6px 10px 6px 40px;
-	-moz-border-radius: 6px;
-	-webkit-border-radius: 6px;
-	border-radius: 6px;
-	-moz-box-shadow:    0 1px 4px #999, inset 0 1px 1px rgba(255,255,255,1), inset 0 -1px 1px rgba(0,0,0,0.1);
-	-webkit-box-shadow: 0 1px 4px #999;
-	box-shadow:         0 1px 4px #999;
-	background: #a6e42c url(../img/screen/home/download-arrow-ie.png) 0 50% no-repeat;
-	background: url(../img/screen/home/download-arrow.png)  0 50% no-repeat,
-				-webkit-gradient(
-					linear,
-					left bottom,
-					left top,
-					color-stop(0, rgb(167,228,44)),
-					color-stop(0.5, rgb(190,231,107)),
-					color-stop(0.5, rgb(201,235,133)),
-					color-stop(1, rgb(226,241,198))
-				);
-	background: url(../img/screen/home/download-arrow.png)  0 50% no-repeat,
-				-moz-linear-gradient(
-					center bottom,
-					rgb(167,228,44) 0%,
-					rgb(190,231,107) 50%,
-					rgb(201,235,133) 50%,
-					rgb(226,241,198) 100%
-				);
-	background: url(../img/screen/home/download-arrow.png)  0 50% no-repeat,
-				linear-gradient(
-					center bottom,
-					rgb(167,228,44) 0%,
-					rgb(190,231,107) 50%,
-					rgb(201,235,133) 50%,
-					rgb(226,241,198) 100%
-				);
-}
-
-#home-feature a.action-button:hover,
-#home-feature a.action-button:focus,
-#home-feature a.action-button:active {
-	text-decoration: none;
-}
-
-#home-feature .download-firefox strong {
-	font-family: MetaBold, Trebuchet MS, sans-serif;
-	font-weight: bold;
-}
-
-#home-feature .download-thunderbird {
-	color: #0489b7;
-	border-color: #b0b0b0;
-	background: #aaa url(../img/screen/home/download-arrow-ie.png) -390px 50% no-repeat;
-	background: url(../img/screen/home/download-arrow.png) -390px 50% no-repeat,
-				-webkit-gradient(
-					linear,
-					left bottom,
-					left top,
-					color-stop(0, rgb(180,180,180)),
-					color-stop(0.5, rgb(198,198,198)),
-					color-stop(0.5, rgb(207,207,207)),
-					color-stop(1, rgb(241,241,241))
-				);
-	background: url(../img/screen/home/download-arrow.png) -390px 50% no-repeat,
-				-moz-linear-gradient(
-					center bottom,
-					rgb(180,180,180) 0%,
-					rgb(198,198,198) 50%,
-					rgb(207,207,207) 50%,
-					rgb(241,241,241) 100%
-				);
-	background: url(../img/screen/home/download-arrow.png) -390px 50% no-repeat,
-				linear-gradient(
-					center bottom,
-					rgb(180,180,180) 0%,
-					rgb(198,198,198) 50%,
-					rgb(207,207,207) 50%,
-					rgb(241,241,241) 100%
-				);
-}
-
-#home-feature .button-projects {
-	color: #0489b7;
-	border-color: #b0b0b0;
-	padding: 4px 40px;
-	background: #aaa -390px 50% no-repeat;
-	background: #aaa url(../img/screen/home/download-arrow-ie.png) -430px 50% no-repeat;
-	background: url(../img/screen/home/download-arrow.png) -430px 50% no-repeat,
-				-webkit-gradient(
-					linear,
-					left bottom,
-					left top,
-					color-stop(0, rgb(180,180,180)),
-					color-stop(0.5, rgb(198,198,198)),
-					color-stop(0.5, rgb(207,207,207)),
-					color-stop(1, rgb(241,241,241))
-				);
-	background: url(../img/screen/home/download-arrow.png) -430px 50% no-repeat,
-				-moz-linear-gradient(
-					center bottom,
-					rgb(180,180,180) 0%,
-					rgb(198,198,198) 50%,
-					rgb(207,207,207) 50%,
-					rgb(241,241,241) 100%
-				);
-	background: url(../img/screen/home/download-arrow.png) -430px 50% no-repeat,
-				linear-gradient(
-					center bottom,
-					rgb(180,180,180) 0%,
-					rgb(198,198,198) 50%,
-					rgb(207,207,207) 50%,
-					rgb(241,241,241) 100%
-				);
-}
-
-#home-feature .button-drumbeat {
-	color: #0489b7;
-	border-color: #b0b0b0;
-	padding: 4px 40px;
-	background: #aaa -390px 50% no-repeat;
-	background: #aaa url(../img/screen/home/download-arrow-ie.png) -430px 50% no-repeat;
-	background: url(../img/screen/home/download-arrow.png) -430px 50% no-repeat,
-				-webkit-gradient(
-					linear,
-					left bottom,
-					left top,
-					color-stop(0, rgb(180,180,180)),
-					color-stop(0.5, rgb(198,198,198)),
-					color-stop(0.5, rgb(207,207,207)),
-					color-stop(1, rgb(241,241,241))
-				);
-	background: url(../img/screen/home/download-arrow.png) -430px 50% no-repeat,
-				-moz-linear-gradient(
-					center bottom,
-					rgb(180,180,180) 0%,
-					rgb(198,198,198) 50%,
-					rgb(207,207,207) 50%,
-					rgb(241,241,241) 100%
-				);
-	background: url(../img/screen/home/download-arrow.png) -430px 50% no-repeat,
-				linear-gradient(
-					center bottom,
-					rgb(180,180,180) 0%,
-					rgb(198,198,198) 50%,
-					rgb(207,207,207) 50%,
-					rgb(241,241,241) 100%
-				);
-}
-
-#home-feature {
-    background: #fff;
-    -moz-box-shadow:    0 1px 4px #ccc;
-    -webkit-box-shadow: 0 1px 4px #ccc;
-    box-shadow:         0 1px 4px #ccc;
-    -moz-border-radius: 10px;
-    -webkit-border-radius: 10px;
-    border-radius: 10px;
-    border: 1px solid #eee;
-    margin-bottom: 30px;
-    overflow: auto;
-    *overflow: visible;
-    *height: 1%;
-}
-
-#home-feature .pager-content-padding {
-    padding: 7px 7px 0 7px;
-}
-
-#home-feature .pager-content {
-    position: relative;
-    z-index: 99;
-}
-
-#home-feature #page-feature-firefox {
-    background: #c0dce4 url(../img/screen/home/feature-bg.jpg) 100% 0 no-repeat;
-}
-
-#home-feature #page-feature-thunderbird {
-    background: #c0dce4 url(../img/screen/home/feature-bg.jpg) 100% -305px no-repeat;
-}
-
-#home-feature #page-feature-projects {
-    background: #c0dce4 url(../img/screen/home/feature-bg.jpg) 50% -920px no-repeat;
-}
-
-#home-feature #page-feature-drumbeat {
-    background: #c0dce4 url(../img/screen/home/feature-bg.jpg) 100% -610px no-repeat;
-}
-
-#home-feature .home-feature-contents {
-    padding: 30px 30px;
-    -moz-border-radius: 7px;
-    -webkit-border-radius: 7px;
-    border-radius: 7px;
-    -moz-box-shadow:    inset 0 0 12px rgba(0,0,0,0.2);
-    -webkit-box-shadow: inset 0 0 12px rgba(0,0,0,0.2);
-    box-shadow:         inset 0 0 12px rgba(0,0,0,0.2);
-    min-height: 185px;
-    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
-}
-
-#home-feature #page-feature-projects {
-	text-align: center;
-	padding: 50px 30px 10px 30px;
-}
-
-#home-feature #page-feature-drumbeat h4 {
-    font-size: 38px;
-    line-height: 38px;
-    text-shadow: 1px 1px rgba(255,255,255,0.8);
-    color: #444444;
-}
-
-#home-feature #page-feature-drumbeat p {
-    margin: 0 270px 10px 0;
-}
-
-#home-feature h4 {
-    margin: 0 0 8px 0;
-}
-
-#home-feature p {
-    font-family: MetaBold, Trebuchet MS, sans-serif;
-    font-weight: bold;
-    font-size: 16px;
-    min-width: 160px;
-    margin-right: 230px;
-}
-
-#home-feature #page-feature-projects h4 {
-	font-size: 32px;
-	margin: 0;
-	text-shadow: 0 0 10px rgba(255,255,255,0.5);
-}
-
-#home-feature #page-feature-projects p {
-	color: #fff;
-	text-shadow: 0 0 2px rgba(0,0,0,0.8);
-	font-size: 15px;
-	max-width: 440px;
-	margin: 0 auto 10px auto;
-}
-
-#home-nav {
-    margin: 0;
-    padding: 0 2px 4px 6px;
-    overflow: visible;
-}
-
-ul#home-nav li {
-    list-style-type: none;
-    float: left;
-    width: 24.99%;
-    padding: 12px 0 0 0;
-    background: none;
-}
-
-#home-nav li a {
-    display: block;
-	zoom: 1;
-    background: url(../img/screen/home/feature-icons.png) no-repeat 50% 0;
-    padding: 75px 4px 10px 4px;
-    color: #4b4740;
-    margin: 1px;
-    text-align: center;
-}
-
-#home-nav li a:hover,
-#home-nav li a:focus,
-#home-nav li a:active {
-    text-decoration: none;
-}
-
-#home-nav.pager-selected-feature-firefox     #firefox-link,
-#home-nav.pager-selected-feature-thunderbird #thunderbird-link,
-#home-nav.pager-selected-feature-drumbeat    #drumbeat-link,
-#home-nav.pager-selected-feature-projects    #projects-link {
-    background: url(../img/screen/home/feature-icons.png) no-repeat 50% 0;
-}
-
-#home-nav li#firefox-link     a { background-position: 50% -200px; }
-#home-nav li#thunderbird-link a { background-position: 50% -400px; }
-#home-nav li#projects-link    a { background-position: 50% -600px; }
-#home-nav li#drumbeat-link    a { background-position: 50% -800px; }
-
-#home-nav li {
-    display: block;
-    font-family: MetaBold, Trebuchet MS, sans-serif;
-    font-weight: bold;
-    text-transform: none;
-    font-size: 14px;
-}
-
-#home-nav li sup {
-    font-family: arial, sans-serif;
-    font-size: 9px;
-    font-weight: normal;
-    color: #999;
-}
-
-#home-news {
-	margin-right: 250px;
-	font-family: georgia, serif;
-	position: relative;
-}
-
-#home-news h3 {
-	color: #2a2a2a;
-	font-size: 24px;
-	border-bottom: #f2f2f2 2px solid;
-	padding: 0 0 5px 0;
-	margin: 0;
-}
-
-#home-news #home-news-links {
-	position: absolute;
-	top: 4px;
-	right: 0;
-	margin: 0;
-	padding: 0;
-}
-
-#home-news #home-news-links li {
-	margin: 0 0 0 5px;
-	padding: 0;
-	list-style-type: none;
-	background: none;
-	float: left;
-}
-
-#home-news #home-news-links li a {
-	display: block;
-	height: 24px;
-	width: 24px;
-	overflow: hidden;
-	line-height: 100px;
-	background: url(../img/screen/home/news-links.png);
-	float: left;
-}
-
-#home-news #home-news-links li#home-news-twitter a  { background-position: 0 -24px; }
-#home-news #home-news-links li#home-news-facebook a { background-position: 0 -48px; }
-
-#home-news #home-news-list {
-	margin: 0;
-}
-
-#home-news #home-news-list li {
-	background: none;
-	margin: 0;
-	padding: 0;
-	border-top: #e3e3e3 1px solid;
-	background: #fff;
-	background: rgba(255,255,255,0.6);
-}
-
-#home-news #home-news-list li a {
-	display: block;
-	padding: 15px;
-}
-
-#home-news #home-news-list li:first-child {
-	border: 0;
-}
-
-#home-news #home-news-list li:nth-child(even) {
-	background: #f9f9f9;
-	background: rgba(220,220,220,0.2);
-}
-
-#home-news p {
-    text-align: right;
-    padding: 15px 0;
-}
-
-#home-newsletter {
-	width: 210px;
-	padding: 6px;
-	float: right;
-    -moz-box-shadow:    0 1px 4px #ccc;
-    -webkit-box-shadow: 0 1px 4px #ccc;
-    box-shadow:         0 1px 4px #ccc;
-    -moz-border-radius: 10px;
-    -webkit-border-radius: 10px;
-    border-radius: 10px;
-    border: 1px solid #eee;
-	background: #fff;
-	background: rgba(255,255,255,0.7);
-}
-
-#home-newsletter form {
-	background: #c8e0e8 url(../img/screen/home/newsletter-bg.jpg) 0 0 no-repeat;
-	padding: 14px 14px 20px 14px;
-    -moz-border-radius: 7px;
-}
-
-#home-newsletter #subscribe {
-	margin: 10px 0;
-	position: relative;
-	display: inline-block;
-	font-family: MetaBold, Trebuchet MS, sans-serif;
-	font-weight: bold;
-	font-size: 15px;
-	border: 1px solid #d76517;
-	color: #b01a04;
-	text-shadow: 0 1px #fff;
-	padding: 4px 20px 6px 20px;
-	-moz-border-radius: 6px;
-	-webkit-border-radius: 6px;
-	border-radius: 6px;
-	-moz-box-shadow:    0 1px 4px #999, inset 0 1px 1px rgba(255,255,255,1), inset 0 -1px 1px rgba(0,0,0,0.1);
-	-webkit-box-shadow: 0 1px 4px #999;
-	box-shadow:         0 1px 4px #999;
-	background: #e49a2e;
-	background: -webkit-gradient(
-					linear,
-					left bottom,
-					left top,
-					color-stop(0, rgb(224,117,43)),
-					color-stop(0.5, rgb(230,159,48)),
-					color-stop(0.5, rgb(235,175,79)),
-					color-stop(1, rgb(239,209,82))
-				);
-	background: -moz-linear-gradient(
-					center bottom,
-					rgb(224,117,43) 0%,
-					rgb(230,159,48) 50%,
-					rgb(235,175,79) 50%,
-					rgb(239,209,82) 100%
-				);
-	background: linear-gradient(
-					center bottom,
-					rgb(224,117,43) 0%,
-					rgb(230,159,48) 50%,
-					rgb(235,175,79) 50%,
-					rgb(239,209,82) 100%
-				);
-
-}
-
-#home-newsletter h3 {
-	color: #69645b;
-	margin: 0;
-	font-family: georgia, serif;
-	font-size: 16px;
-	font-weight: bold;
-	font-style: italic;
-    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
+margin-right:9px;
+padding:3px;}
+#nav{margin:0;float:left;}
+#nav li{background:none;padding:0;float:left;}
+#nav a, #nav span{color:#ccc;display:block;padding:15px 15px;font-family:MetaBold, Trebuchet MS, sans-serif;font-weight:bold;font-size:15px;}
+#nav a:hover, #nav a:focus{text-decoration:none;color:#f59d56;}
+#nav .selected, #nav .on{background:url(../img/screen/template/menu-divider.png) bottom right repeat-x;color:#f59d56;}
+#quick-search{white-space:nowrap;float:left;padding:13px 0 5px 15px;line-height:1;}
+#quick-search #q{width:100px;border:1px solid #1e4262;background:#fff url(../img/screen/template/search-icon.png) 2px 50% no-repeat;-moz-box-shadow:inset 1px 1px 1px rgba(100,100,100,0.5);font-size:11px;padding:2px 4px 2px 20px;height:17px;position:relative;z-index:2;vertical-align:middle;color:#999;}
+#quick-search #q:focus{color:#333;}
+#quick-search-btn{vertical-align:middle;position:relative;left:-16px;z-index:1;}
+#moral{margin:20px 0 10px 0;}
+#moral h1{font-family:MetaBold, Trebuchet MS, sans-serif;font-weight:bold;letter-spacing:-0.02em;font-size:60px;color:#a5151e;margin:0;}
+#moral p{font-family:georgia;font-size:24px;font-style:italic;margin:0;}
+#home #main{position:relative;z-index:1;background:url(../img/screen/home/background-paint.jpg) 100px 150px no-repeat;}
+#home #main-content{margin-right:0;}
+#home #content{margin-right:320px;padding-top:33px;}
+#donate-box{background:url(../img/screen/home/donate-box.png) 100% 100% no-repeat;padding-bottom:19px;margin-bottom:20px;}
+#donate-box p{padding:55px 120px 10px 30px;margin:0;font-weight:bold;font-style:italic;font-family:georgia, serif;color:#fff;font-size:20px;line-height:1.2;background:url(../img/screen/home/donate-box.png) 0 0 no-repeat;}
+#donate-box p a:link, #donate-box p a:visited{color:#a5151e;}
+#home #sub{margin-top:0;width:300px;}
+#home #sub .feature{border-bottom:#f9f9f9 4px solid;padding:5px 10px 15px 10px;margin:10px 20px;font-family:georgia, serif;color:#69645c;font-size:14px;}
+#home #sub .feature:last-child{border-bottom:0;}
+#home #sub .feature h3{font-family:MetaBold, Trebuchet MS, sans-serif;font-size:18px;color:#a5151e;margin:0 5px 0 0;}
+#home #sub .feature p{margin:0 0 5px 0;}
+#home-feature .action-button{position:relative;display:inline-block;font-family:MetaBold, Trebuchet MS, sans-serif;border:1px solid #46a21b;border-top-color:#55a82f;border-left-color:#55a82f;color:#09700b;text-shadow:0 1px #fff;padding:6px 10px 6px 40px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;-moz-box-shadow:0 1px 4px #999, inset 0 1px 1px rgba(255,255,255,1), inset 0 -1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 4px #999;box-shadow:0 1px 4px #999;background:#a6e42c url(../img/screen/home/download-arrow-ie.png) 0 50% no-repeat;background:url(../img/screen/home/download-arrow.png) 0 50% no-repeat, -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(167,228,44)), color-stop(0.5, rgb(190,231,107)), color-stop(0.5, rgb(201,235,133)), color-stop(1, rgb(226,241,198)));background:url(../img/screen/home/download-arrow.png) 0 50% no-repeat, -moz-linear-gradient(center bottom, rgb(167,228,44) 0%, rgb(190,231,107) 50%, rgb(201,235,133) 50%, rgb(226,241,198) 100%);background:url(../img/screen/home/download-arrow.png) 0 50% no-repeat, linear-gradient(center bottom, rgb(167,228,44) 0%, rgb(190,231,107) 50%, rgb(201,235,133) 50%, rgb(226,241,198) 100%);}
+#home-feature a.action-button:hover, #home-feature a.action-button:focus, #home-feature a.action-button:active{text-decoration:none;}
+#home-feature .download-firefox strong{font-family:MetaBold, Trebuchet MS, sans-serif;font-weight:bold;}
+#home-feature .download-thunderbird{color:#0489b7;border-color:#b0b0b0;background:#aaa url(../img/screen/home/download-arrow-ie.png) -390px 50% no-repeat;background:url(../img/screen/home/download-arrow.png) -390px 50% no-repeat, -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(180,180,180)), color-stop(0.5, rgb(198,198,198)), color-stop(0.5, rgb(207,207,207)), color-stop(1, rgb(241,241,241)));background:url(../img/screen/home/download-arrow.png) -390px 50% no-repeat, -moz-linear-gradient(center bottom, rgb(180,180,180) 0%, rgb(198,198,198) 50%, rgb(207,207,207) 50%, rgb(241,241,241) 100%);background:url(../img/screen/home/download-arrow.png) -390px 50% no-repeat, linear-gradient(center bottom, rgb(180,180,180) 0%, rgb(198,198,198) 50%, rgb(207,207,207) 50%, rgb(241,241,241) 100%);}
+#home-feature .button-projects{color:#0489b7;border-color:#b0b0b0;padding:4px 40px;background:#aaa -390px 50% no-repeat;background:#aaa url(../img/screen/home/download-arrow-ie.png) -430px 50% no-repeat;background:url(../img/screen/home/download-arrow.png) -430px 50% no-repeat, -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(180,180,180)), color-stop(0.5, rgb(198,198,198)), color-stop(0.5, rgb(207,207,207)), color-stop(1, rgb(241,241,241)));background:url(../img/screen/home/download-arrow.png) -430px 50% no-repeat, -moz-linear-gradient(center bottom, rgb(180,180,180) 0%, rgb(198,198,198) 50%, rgb(207,207,207) 50%, rgb(241,241,241) 100%);background:url(../img/screen/home/download-arrow.png) -430px 50% no-repeat, linear-gradient(center bottom, rgb(180,180,180) 0%, rgb(198,198,198) 50%, rgb(207,207,207) 50%, rgb(241,241,241) 100%);}
+#home-feature .button-drumbeat{color:#0489b7;border-color:#b0b0b0;padding:4px 40px;background:#aaa -390px 50% no-repeat;background:#aaa url(../img/screen/home/download-arrow-ie.png) -430px 50% no-repeat;background:url(../img/screen/home/download-arrow.png) -430px 50% no-repeat, -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(180,180,180)), color-stop(0.5, rgb(198,198,198)), color-stop(0.5, rgb(207,207,207)), color-stop(1, rgb(241,241,241)));background:url(../img/screen/home/download-arrow.png) -430px 50% no-repeat, -moz-linear-gradient(center bottom, rgb(180,180,180) 0%, rgb(198,198,198) 50%, rgb(207,207,207) 50%, rgb(241,241,241) 100%);background:url(../img/screen/home/download-arrow.png) -430px 50% no-repeat, linear-gradient(center bottom, rgb(180,180,180) 0%, rgb(198,198,198) 50%, rgb(207,207,207) 50%, rgb(241,241,241) 100%);}
+#home-feature{background:#fff;-moz-box-shadow:0 1px 4px #ccc;-webkit-box-shadow:0 1px 4px #ccc;box-shadow:0 1px 4px #ccc;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border:1px solid #eee;margin-bottom:30px;overflow:auto;*overflow:visible;*height:1%;}
+#home-feature .pager-content-padding{padding:7px 7px 0 7px;}
+#home-feature .pager-content{position:relative;z-index:99;}
+#home-feature #page-feature-firefox{background:#c0dce4 url(../img/screen/home/feature-bg.jpg) 100% 0 no-repeat;}
+#home-feature #page-feature-thunderbird{background:#c0dce4 url(../img/screen/home/feature-bg.jpg) 100% -305px no-repeat;}
+#home-feature #page-feature-projects{background:#c0dce4 url(../img/screen/home/feature-bg.jpg) 50% -920px no-repeat;}
+#home-feature #page-feature-drumbeat{background:#c0dce4 url(../img/screen/home/feature-bg.jpg) 100% -610px no-repeat;}
+#home-feature .home-feature-contents{padding:30px 30px;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;-moz-box-shadow:inset 0 0 12px rgba(0,0,0,0.2);-webkit-box-shadow:inset 0 0 12px rgba(0,0,0,0.2);box-shadow:inset 0 0 12px rgba(0,0,0,0.2);min-height:185px;text-shadow:0 1px 0 rgba(255,255,255,0.8);}
+#home-feature #page-feature-projects{text-align:center;padding:50px 30px 10px 30px;}
+#home-feature #page-feature-drumbeat h4{font-size:38px;line-height:38px;text-shadow:1px 1px rgba(255,255,255,0.8);color:#444444;}
+#home-feature #page-feature-drumbeat p{margin:0 270px 10px 0;}
+#home-feature h4{margin:0 0 8px 0;}
+#home-feature p{font-family:MetaBold, Trebuchet MS, sans-serif;font-weight:bold;font-size:16px;min-width:160px;margin-right:230px;}
+#home-feature #page-feature-projects h4{font-size:32px;margin:0;text-shadow:0 0 10px rgba(255,255,255,0.5);}
+#home-feature #page-feature-projects p{color:#fff;text-shadow:0 0 2px rgba(0,0,0,0.8);font-size:15px;max-width:440px;margin:0 auto 10px auto;}
+#home-nav{margin:0;padding:0 2px 4px 6px;overflow:visible;}
+ul#home-nav li{list-style-type:none;float:left;width:24.99%;padding:12px 0 0 0;background:none;}
+#home-nav li a{display:block;zoom:1;background:url(../img/screen/home/feature-icons.png) no-repeat 50% 0;padding:75px 4px 10px 4px;color:#4b4740;margin:1px;text-align:center;}
+#home-nav li a:hover, #home-nav li a:focus, #home-nav li a:active{text-decoration:none;}
+#home-nav.pager-selected-feature-firefox #firefox-link, #home-nav.pager-selected-feature-thunderbird #thunderbird-link, #home-nav.pager-selected-feature-drumbeat #drumbeat-link, #home-nav.pager-selected-feature-projects #projects-link{background:url(../img/screen/home/feature-icons.png) no-repeat 50% 0;}
+#home-nav li#firefox-link a{background-position:50% -200px;}
+#home-nav li#thunderbird-link a{background-position:50% -400px;}
+#home-nav li#projects-link a{background-position:50% -600px;}
+#home-nav li#drumbeat-link a{background-position:50% -800px;}
+#home-nav li{display:block;font-family:MetaBold, Trebuchet MS, sans-serif;font-weight:bold;text-transform:none;font-size:14px;}
+#home-nav li sup{font-family:arial, sans-serif;font-size:9px;font-weight:normal;color:#999;}
+#home-news{margin-right:250px;font-family:georgia, serif;position:relative;}
+#home-news h3{color:#2a2a2a;font-size:24px;border-bottom:#f2f2f2 2px solid;padding:0 0 5px 0;margin:0;}
+#home-news #home-news-links{position:absolute;top:4px;right:0;margin:0;padding:0;}
+#home-news #home-news-links li{margin:0 0 0 5px;padding:0;list-style-type:none;background:none;float:left;}
+#home-news #home-news-links li a{display:block;height:24px;width:24px;overflow:hidden;line-height:100px;background:url(../img/screen/home/news-links.png);float:left;}
+#home-news #home-news-links li#home-news-twitter a{background-position:0 -24px;}
+#home-news #home-news-links li#home-news-facebook a{background-position:0 -48px;}
+#home-news #home-news-list{margin:0;}
+#home-news #home-news-list li{background:none;margin:0;padding:0;border-top:#e3e3e3 1px solid;background:#fff;background:rgba(255,255,255,0.6);}
+#home-news #home-news-list li a{display:block;padding:15px;}
+#home-news #home-news-list li:first-child{border:0;}
+#home-news #home-news-list li:nth-child(even){background:#f9f9f9;background:rgba(220,220,220,0.2);}
+#home-news p{text-align:right;padding:15px 0;}
+#home-newsletter{width:210px;padding:6px;float:right;-moz-box-shadow:0 1px 4px #ccc;-webkit-box-shadow:0 1px 4px #ccc;box-shadow:0 1px 4px #ccc;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border:1px solid #eee;background:#fff;background:rgba(255,255,255,0.7);}
+#home-newsletter form{background:#c8e0e8 url(../img/screen/home/newsletter-bg.jpg) 0 0 no-repeat;padding:14px 14px 20px 14px;-moz-border-radius:7px;}
+#home-newsletter #subscribe{margin:10px 0;position:relative;display:inline-block;font-family:MetaBold, Trebuchet MS, sans-serif;font-weight:bold;font-size:15px;border:1px solid #d76517;color:#b01a04;text-shadow:0 1px #fff;padding:4px 20px 6px 20px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;-moz-box-shadow:0 1px 4px #999, inset 0 1px 1px rgba(255,255,255,1), inset 0 -1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 4px #999;box-shadow:0 1px 4px #999;background:#e49a2e;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(224,117,43)), color-stop(0.5, rgb(230,159,48)), color-stop(0.5, rgb(235,175,79)), color-stop(1, rgb(239,209,82)));background:-moz-linear-gradient(center bottom, rgb(224,117,43) 0%, rgb(230,159,48) 50%, rgb(235,175,79) 50%, rgb(239,209,82) 100%);background:linear-gradient(center bottom, rgb(224,117,43) 0%, rgb(230,159,48) 50%, rgb(235,175,79) 50%, rgb(239,209,82) 100%);}
+#home-newsletter h3{color:#69645b;margin:0;font-family:georgia, serif;font-size:16px;font-weight:bold;font-style:italic;text-shadow:0 1px 0 rgba(255,255,255,0.8);}
+#home-newsletter p{color:#69645b;margin:0;font-family:georgia, serif;font-style:italic;}
+#home-newsletter p.intro{margin-bottom:10px;}
+#home-newsletter .field{margin:5px 0;}
+#home-newsletter p.footnote{font-family:sans-serif;color:#69645b;font-size:11px;font-style:normal;}
+#home-newsletter #email{color:#999;width:98%;}
+#home-newsletter #email:focus{color:#333;}
+#home-newsletter #country{width:100%;}
+#home-newsletter #privacy-field{font-size:12px;}
+#footer{background:#2a2a2a;border-top:13px solid #a5151e;clear:both;color:#999;margin:105px 0 0 6%;padding:25px 0 50px 64px;position:relative;padding-right:14%;height:1%;}
+#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer p{color:#999;}
+.footer-nav{list-style:none;margin:0;}
+.footer-nav li{font-size:12px;background:none;padding-left:0;margin-bottom:0.25em;}
+.footer-nav-title{font-family:Arial, sans-serif;font-size:12px;}
+#footer .col-span{font-size:13px;}
+#footer .six-col{background:#2a2a2a;}
+#copyright{font-size:11px;padding-top:11px;}
+#copyright-links{line-height:1;}
+#copyright-links a{font-size:11px;}
+#languages{float:right;margin-left:20px;}
+#languages select{margin-left:10px;}
+#footer-wrap{clear:both;background:transparent url(../img/screen/template/screen/bg_body_2.jpg) no-repeat left bottom;}
+#localnav{background-color:#F9F9F9;border:1px solid #AAAAAA;font-size:95%;padding:5px;display:table-cell;}
+#main{position:relative;padding:2% 6%;zoom:1;}
+#main-content{margin:0 0 0 40px;zoom:1;float:right;width:65%;}
+#main.with-menu #main-content{margin-left:265px;}
+#primary-wrap{float:left;margin-right:-250px;width:100%;}
+#primary{margin-right:250px;}
+#sub{float:right;width:230px;margin:40px 0 0;}
+#side{float:left;width:23%;margin-bottom:1em;}
+#mainContent.right{float:left;width:64%;}
+#side.right{float:right;width:35%;}
+#side.left{width:32%;margin-right:3%;}
+.key-point{background:#eee url("../..../img/screen/template/screen/key-point-top.png") top left repeat-x;padding:35px 15px 15px 15px;margin-bottom:1em;}
+.key-point:after{background:url("../..../img/screen/template/screen/key-point-bottom.png") bottom left repeat-x;margin:0 -15px -15px -15px;content:" ";display:block;height:28px;clear:both;}
+.key-point h2, .key-point h3, .key-point h4, .key-point h5{margin-top:0;}
+p.important, div.important{background-color:#fff0c0;border:solid black 1px;padding:0.5em;}
+p.note:before{content:"Note: ";}
+p.note{font-style:italic;border:solid 1px;padding:0.5em;}
+.productlist h3{border:none;}
+.key-point h1, .key-point h3{margin:0;}
+#product-desc h2{text-indent:-700em;height:25px;line-height:2px;font-size:2px;}
+#product-desc p{margin:1em 0;padding-left:170px;}
+#product-desc ul, #key-desc{padding-left:190px;margin-bottom:0;}
+#product-side, #key-side{margin-left:65%;}
+#product-side ul, #key-side ul{margin-left:0;padding-bottom:0;padding-left:20px;}
+#product-side li, #key-side{padding-bottom:0.2em;}
+#product-desc, #key-desc{padding:40px 0 25px 0;color:#4C5C5C;width:60%;float:left;line-height:140%;}
+#key-desc{padding:0;}
+#key-side{color:#4C5C5C;}
+.product-firefox{background:url("../img/screen/product-firefox-screen.png") no-repeat;}
+.product-thunderbird{background:url("../img/screen/product-thunderbird-screen.png") no-repeat;}
+.product-camino{background:url("../img/screen/product-camino-screen.png") no-repeat;}
+.product-mozilla{background:url("../..../img/screen/product-mozilla-screen.png") no-repeat;}
+#product-side .download h3{color:#1D9101;font-weight:bold;margin:0;font-size:140%;}
+ul.snav{margin:0.7em 10%;padding:.2em;text-align:center;list-style-type:none;}
+ul.snav > li{margin:0;padding:0;background:none;color:#ccc;}
+ul.snav > li{display:inline;}
+ul.snav > li:before{content:" | ";}
+ul.snav > li:first-child:before{content:"";}
+li, p, code, dd, dt{font-size:14px;}
+p{margin-bottom:1em;}
+p.section{margin:0;}
+ul li{list-style-type:none;background:transparent url(../img/screen/template/screen/bullet.png) no-repeat 0 0.5em;padding-left:10px;}
+dl{margin-bottom:1em;}
+dt{text-transform:uppercase;font-weight:bold;}
+dd{margin:0 0 0.5em 0.5em;}
+h1, h2, h3, h4, h5, h6{color:#2a2a2a;font-family:MetaBold, Trebuchet MS, sans-serif;font-weight:bold;}
+h1{font-size:45px;margin:.55em 0;color:#b91e27;}
+h2{font-size:150%;margin:.75em 0;font-weight:normal;}
+h3{font-size:1.3em;font-weight:bold;}
+.section h3{margin-top:0;}
+h4{font-size:15px;margin:.85em 0;}
+h5{font-size:12.5px;margin:.875em 0;}
+ul, ol{margin:1em 0 1em 30px;}
+li ul, li ol{margin:0 0 0 30px;}
+td, th{padding:0.2em;}
+table.data{border-collapse:collapse;margin:0.5em auto;border:1px solid;}
+table.data caption{margin:1em auto 0.2em;font-size:small;font-style:italic;text-align:center;}
+table.data thead th{background:#e4ecec;empty-cells:hide;}
+table.data th, table.data td{border:1px solid #ccc;}
+tr.odd{background:#F5F5F5;}
+table.data tbody th:first-child{text-align:right;}
+table.data thead th{vertical-align:middle;}
+pre{background:#eee;border:1px solid #ccc;margin:1em;padding:1em;}
+a:link, a:visited{color:#148cb5;text-decoration:none;}
+a:hover, a:focus{text-decoration:underline;}
+img.x{display:block;float:left;margin:0 10px 10px 0;}
+img.left{margin:0 10px 10px 0;float:left;}
+img.right{margin:0 0 10px 10px;float:right;}
+img.frame{border:10px solid #f3f3f3;background:#fff;padding:6px;box-shadow:0 0 6px #bbb;-moz-box-shadow:0 0 6px #bbb;-webkit-box-shadow:0 0 6px #bbb;}
+img.frame.left{margin-right:16px;}
+img.frame.right{margin-left:16px;}
+object, embed{display:block;margin:0 auto 20px;background-color:#fff;padding:7px;}
+.video-holder{background:transparent url(../img/screen/template/screen/video-bg.png) no-repeat 50% 50%;min-height:375px;min-width:428px;}
+.video{background-color:rgba(0, 0, 0, 0.2);padding:7px;margin-left:auto;margin-right:auto;position:absolute;top:50%;left:50%;}
+blockquote{margin:1em;}
+fieldset{background:#F0F0F0;border:1px solid #e1e1e1;padding:1em;border-radius:6px;-moz-border-radius:4px;-webkit-border-radius:4px;}
+fieldset legend{font-weight:bold;font-family:Georgia,serif;}
+.clearfix:after, #main:after, .projects:after, .cols:after, #news:after, #header:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;}
+#skip, #quick-search label{display:block;position:absolute;left:-9999px;}
+.section{border-bottom:1px solid #c3c3c3;padding:2em 0;overflow:hidden;position:relative;}
+#primary .section{border-bottom:none;border-top:1px solid #c3c3c3;}
+#primary .section.first{border-top:none;padding-top:0;}
+.cols{clear:both;}
+.three-col{float:left;width:30%;margin-right:5%;}
+.five-col{float:left;width:17.4%;padding-right:2.6%;}
+.six-col{float:left;width:14.5%;padding-right:2.6%;}
+.cols > *:last-child{margin-right:0;padding-right:0;}
+.col-span{border-bottom:1px solid #404040;padding-bottom:15px;}
+ul.rows{border-top:1px solid #dbe2e8;margin:0 0 1em;}
+ul.rows li{border-bottom:1px solid #dbe2e8;padding:1em 10px;background:none;}
+#crumbs{clear:both;font-size:15px;letter-spacing:0.1em;margin:0 1%;padding:0 0 4% 0;position:relative;z-index:2;}
+#crumbs #crumbs-contents{padding:2px 4px;xbackground:#fff;}
+#crumbs a{text-transform:uppercase;color:#2987AD;font-family:"Trebuchet MS", sans-serif;font-weight:bold;font-size:80%;letter-spacing:1px;}
+h1#page-title{margin:10px 0 15px;font-size:45px;color:#b91e27;line-height:1;}
+.lead{font-family:Georgia, serif;font-size:20px;}
+.cta{background:#dadada url(../img/screen/template/screen/bg_cta.png) repeat-x 0 0;padding:20px;margin:0 0 30px;}
+.cta h4{font:250% Georgia, serif;text-transform:none;color:#fff;}
+.cta p{color:#565353;line-height:1.7;font-style:italic;}
+.cta h4 + p:first-line{font-weight:bold;}
+.powered-by{background:transparent url(../img/screen/template/screen/powered-by-mozilla.png) no-repeat 0 0;width:205px;height:73px;text-indent:-9999px;position:relative;left:-3px;margin:0;}
+.modified{position:absolute;top:7px;right:128px;font-size:12px;color:#767676;}
+.edit{position:absolute;top:0;right:0;width:110px;border:1px solid #cacaca;z-index:1;}
+.edit dt{padding:5px 10px;color:#148cb5;background:transparent url(../img/screen/template/widgets/down-arrow.png) no-repeat 90px center;font-size:12px;}
+.edit dd{background:#eaeaea;font-size:11px;}
+.edit dd a{margin:0 5px;padding:5px;display:block;border-bottom:1px solid #c3c3c3;}
+.edit dd:last-child a{border:none;}
+.edit dd{display:none;}
+.edit:hover dd{display:block;}
+.button a{display:inline-block;padding:0.5em 1em;color:#1075B3 !important;text-shadow:0px 1px 0 #fff;font-family:Arial, sans-serif;font-weight:bold;text-align:center;border:1px solid #C9C8C9;border-color:#C9C8C9 #999999 #999999 #C9C8C9;border-color:#999999 #808080 #4d4d4d;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;background:#d3d3d3 url('../img/screen/template/widgets/button-bg.png') 0 0 repeat-x;}
+.button a:hover{background:#f2f2f2 url('../img/screen/template/widgets/button-bg.png') 0 -132px repeat-x;text-shadow:0px -1px 0 #fff;text-decoration:none;border-color:#4d4d4d #4d4d4d #4d4d4d;}
+.button{display:inline-block;border:4px solid #57A6C5;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;margin:0 0 1em -6px;}
+.button.donate{border-color:#FBC51B;}
+.button img{margin:0 0.75em 0 0;}
+.promo-sm{margin:30px 0;padding:20px 15px 20px 50px;width:185px;height:145px;position:relative;background:#369 url(../img/screen/promos/promo-bg.jpg) no-repeat 0 0;}
+.promo-sm strong{display:block;color:#fff;font-size:20px;font-family:Georgia, serif;font-weight:normal;}
+.promo-sm .promo-button{width:250px;height:185px;display:block;position:absolute;top:0;left:0;padding-top:91px;padding-left:3px;background:url(../img/screen/promos/button-bg.png) no-repeat 52px 85px;font-size:11px;font-weight:bold;letter-spacing:1;font-family:"Trebuchet MS", sans-serif;text-transform:uppercase;text-align:center;}
+.promo-sm p{color:#fff;font-size:11px;position:absolute;top:123px;left:52px;padding-right:10px;}
+.promo-namoroka{background:url(../img/screen/lemur-promo-bg.png) no-repeat 0 0;height:188px;width:365px;margin-bottom:20px;padding:0;position:relative;}
+.promo-namoroka .title{font-size:22px;line-height:1.2;font-family:Georgia, serif;color:#2a2a2a;margin-bottom:5px;text-transform:none;display:block;}
+.promo-namoroka .button{display:block;color:#fff;text-transform:uppercase;font-weight:bold;text-transform:uppercase;letter-spacing:0.1em;background:#106c1f url(../img/screen/promo-button-green-bg.png) repeat-x 0 0;float:left;padding:3px 5px 1px;}
+.promo-namoroka a{display:block;padding:50px 25px 53px 149px;}
+.promo-namoroka a:hover{text-decoration:none;}
+.promo-namoroka a:hover .button{text-decoration:underline;}
+.promo{width:235px;margin:-1px 0 1em;padding:1px 15px 0 130px;position:relative;min-height:120px;background:url("../img/screen/template/screen/ihc/sketchyline.png") repeat-x scroll 0 0 transparent;}
+.promo h3{margin-top:1em;}
+.promo img{position:absolute;top:1em;left:0;}
+#openwebfund_promo{background:url(../img/screen/template/screen/promo/openwebfund/openwebfund_promo_bg.png) 10px 0 no-repeat;width:155px;}
+#openwebfund_promo p{margin:1em 0;}
+#openwebfund_promo p.button{margin:0;}
+#openwebfund_promo p.button a{width:130px;padding:3px;}
+#openwebfund_promo img{top:0.5em;left:0.5em;}
+#get-involved{text-align:center;margin:0 0 46px;width:263px;overflow:hidden;}
+#get-involved a{display:block;}
+#get-involved a span{display:block;background:transparent url(../img/screen/template/screen/get-involved.png) no-repeat 52% 0;width:263px;height:172px;text-indent:-9999px;}
+#grant-details{border-top:1px solid #999;border-bottom:1px solid #999;}
+#grant-details ul{overflow:hidden;}
+#grant-details ul li{width:33%;float:left;}
+#home #sub .bug{margin:0 0 0 20px;}
+.bug h2{font-size:20px;margin-bottom:0;line-height:1.2;}
+.bug h3{font-size:13px;color:#666;font:120% Arial, sans-serif;text-transform:uppercase;letter-spacing:0.1em;}
+#home #sub #gear{clear:both;margin:0;overflow:hidden;margin-left:30px;}
+#gear h3{font-size:13px;margin:0;font-weight:bold;letter-spacing:0;}
+#gear a{font-weight:bold;}
+.looking-for-firefox{text-align:center;width:150px;margin:0 auto;}
+.looking-for-firefox img{float:none;display:inline;}
+.looking-for-firefox strong{font-size:16px;font-family:Georgia, serif;color:#2a2a2a;font-weight:normal;display:block;}
+.looking-for-firefox a{display:block;}
+#openwebfund #form.right{width:60%;float:left;}
+#openwebfund #side.left{width:37%;margin-right:3%;float:left;}
+#openwebfund #form #postal label{width:160px;display:inline-block;text-align:right;}
+#openwebfund #form label.radio{display:inline;}
+#openwebfund fieldset#tshirt{position:relative;background:#eee url(../img/screen/template/screen/promo/openwebfund/adopt_mozilla_tshirt_med.png) no-repeat right 10px;padding-right:170px;}
+#openwebfund #form #tshirt img{display:none;}
+#openwebfund #form input[type="submit"]{margin-top:1em;float:right;}
+#openwebfund #form .required label:after{content:" * ";color:#B91E27;position:relative;left:170px;margin-left:-9px;}
+#openwebfund #form .note{text-align:right;clear:both;border:none;}
+#openwebfund #form .note .required{color:#B91E27;}
+#openwebfund #form .errors{background:#feb url(../img/screen/template/screen/ihc/cautionbang.png) right 50% no-repeat;border:1px #EDAC3A solid;padding:1em;padding-right:200px;margin-bottom:1em;}
+#openwebfund #form .errors h2{color:#B91E27;margin:0 -75px 020px 0;}
+#openwebfund #form .errors ul{margin-top:0;}
+#openwebfund #form .errors li{background:none;list-style-type:disc;}
+.projects{padding:10px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
+@media screen and (max-width:980px){#nav a, #nav span{font-size:13px;padding:15px 12px;}
+#quick-search #q{width:70px;}
+#header, #footer, #crumbs, h1#page-title{margin-left:3%;}
+#main{padding-left:3%;}
 }
-
-#home-newsletter p {
-	color: #69645b;
-	margin: 0;
-	font-family: georgia, serif;
-	font-style: italic;
-}
-
-#home-newsletter p.intro {
-	margin-bottom: 10px;
-}
-
-#home-newsletter .field {
-	margin: 5px 0;
-}
-
-#home-newsletter p.footnote {
-	font-family: sans-serif;
-	color: #69645b;
-	font-size: 11px;
-	font-style: normal;
-}
-
-#home-newsletter #email {
-	color: #999;
-	width: 98%;
-}
-
-#home-newsletter #email:focus {
-	color: #333;
-}
-
-#home-newsletter #country {
-	width: 100%;
-}
-
-#home-newsletter #privacy-field {
-	font-size: 12px;
-}
-
-/* }}} */
-/* {{{ Footer */
-
-#footer {
-	background: #2a2a2a;
-	border-top: 13px solid #a5151e;
-	clear: both;
-	color: #999;
-	margin: 105px 0 0 6%;
-	padding: 25px 0 50px 64px;
-	position: relative;
-	padding-right: 14%;
-	height: 1%;
-}
-
-	#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer p { color:#999; }
-	.footer-nav { list-style:none; margin:0; }
-	.footer-nav li { font-size:12px; background:none; padding-left:0; margin-bottom: 0.25em; }
-	.footer-nav-title { font-family:Arial, sans-serif; font-size:12px; }
-	#footer .col-span { font-size:13px; }
-	#footer .six-col { background:#2a2a2a; }
-	#copyright { font-size:11px; padding-top:11px; }
-	#copyright-links { line-height:1; }
-	#copyright-links a { font-size:11px; }
-
-	#languages { float:right; margin-left:20px; }
-	#languages select { margin-left:10px; }
-
-#footer-wrap {
-	clear:both;
-	background: transparent url(../img/screen/template/screen/bg_body_2.jpg) no-repeat left bottom;
-}
-
-/* }}} */
-/* {{{ Everything Else */
-
-#localnav {
-background-color:#F9F9F9;
-border:1px solid #AAAAAA;
-font-size:95%;
-padding:5px;
-display: table-cell;
-}
-
-#main {
-	position: relative;
-	padding: 2% 6%;
-	zoom: 1;
-}
-
-#main-content {
-	margin: 0 0 0 40px;
-	zoom: 1;
-    float: right;
-    width:65%;
-}
-
-#main.with-menu #main-content {
-	margin-left: 265px;
-	
-}
-
-#primary-wrap { float:left; margin-right:-250px; width:100%; }
-#primary { margin-right:250px; }
-
-#sub { float:right; width:230px; margin: 40px 0 0; }
-
-
-
-/*-------------------------------------------
-    Legacy Layouts
--------------------------------------------*/
-#side { float: left; width: 23%; margin-bottom: 1em; }
-#mainContent.right { float: left; width: 64%; }
-#side.right { float: right; width: 35%; }
-#side.left {
-	width: 32%;
-	margin-right: 3%;
-}
-
-.key-point { background: #eee url("../..../img/screen/template/screen/key-point-top.png") top left repeat-x; padding: 35px 15px 15px 15px; margin-bottom: 1em; }
-.key-point:after { background: url("../..../img/screen/template/screen/key-point-bottom.png") bottom left repeat-x; margin: 0 -15px -15px -15px; content: " "; display: block; height: 28px; clear: both;}
-	.key-point h2, .key-point h3, .key-point h4, .key-point h5 { margin-top: 0; }
-
-p.important,
-div.important {
-  background-color: #fff0c0;
-  border: solid black 1px;
-  padding: 0.5em;
-}
-
-p.note:before { content: "Note: ";}
-p.note {
-   font-style: italic;
-   border: solid 1px;
-   padding: 0.5em;
-}
-/* Product Specific CSS */
-
-.productlist h3 { border: none; }
-.key-point h1, .key-point h3 { margin: 0; }
-#product-desc h2 { text-indent: -700em; height: 25px; line-height: 2px; font-size: 2px;}
-#product-desc p { margin: 1em 0; padding-left: 170px; }
-#product-desc ul, #key-desc { padding-left: 190px; margin-bottom: 0; }
-#product-side, #key-side { margin-left: 65%; }
-#product-side ul, #key-side ul { margin-left: 0; padding-bottom: 0; padding-left: 20px; }
-#product-side li, #key-side { padding-bottom: 0.2em; }
-#product-desc, #key-desc { padding: 40px 0 25px 0; color: #4C5C5C; width: 60%; float: left; line-height: 140%; }
-#key-desc { padding: 0; }
-#key-side { color: #4C5C5C; }
-.product-firefox { background: url("../img/screen/product-firefox-screen.png") no-repeat; }
-.product-thunderbird { background: url("../img/screen/product-thunderbird-screen.png") no-repeat; }
-.product-camino { background: url("../img/screen/product-camino-screen.png") no-repeat; }
-.product-mozilla { background: url("../..../img/screen/product-mozilla-screen.png") no-repeat; }
-#product-side .download h3 { color: #1D9101; font-weight: bold; margin: 0; font-size: 140%; }
-
-ul.snav {/* section navigation or short navigation, whichever you prefer */
-margin: 0.7em 10%; padding: .2em; text-align: center; list-style-type: none; }
-ul.snav > li { margin: 0; padding: 0; background: none; color: #ccc; }
-ul.snav > li { display: inline; }
-ul.snav > li:before { content: " | "; }
-ul.snav > li:first-child:before { content: ""; }
-
-
-/*-------------------------------------------
-    Defaults
--------------------------------------------*/
-li, p, code, dd, dt { font-size:14px; }
-	p { margin-bottom:1em; }
-		p.section { margin:0; }
-ul li { list-style-type: none; background: transparent url(../img/screen/template/screen/bullet.png) no-repeat 0 0.5em; padding-left: 10px; }
-
-dl { margin-bottom: 1em; }
-	dt { text-transform: uppercase; font-weight: bold;}
-	dd { margin: 0 0 0.5em 0.5em; }
-
-h1, h2, h3, h4, h5, h6 { color:#2a2a2a; font-family: MetaBold, Trebuchet MS, sans-serif; font-weight:bold; }
-	h1 { font-size:45px; margin:.55em 0; color:#b91e27; }
-	h2 { font-size:150%; margin:.75em 0; font-weight: normal; }
-	h3 { font-size:1.3em; font-weight:bold;}
-		.section h3 { margin-top: 0; }
-	h4 { font-size:15px; margin:.85em 0; }
-	h5 { font-size:12.5px; margin:.875em 0; }
-
-ul, ol { margin:1em 0 1em 30px; }
-	li ul, li ol { margin:0 0 0 30px; }
-
-td, th { padding: 0.2em; }
-
-table.data { border-collapse: collapse; margin: 0.5em auto; border: 1px solid; }
-	table.data caption { margin: 1em auto 0.2em; font-size: small; font-style: italic; text-align: center; }
-	table.data thead th { background: #e4ecec; empty-cells: hide; }
-	table.data th, table.data td { border: 1px solid #ccc; }
-	tr.odd { background: #F5F5F5;}
-	table.data tbody th:first-child { text-align: right; }
-	table.data thead th { vertical-align: middle; }
-
-pre { background:#eee; border:1px solid #ccc; margin:1em; padding:1em; }
-
-a:link, a:visited { color:#148cb5; text-decoration:none; }
-a:hover, a:focus { text-decoration: underline; }
-
-img.x { display: block; float: left; margin: 0 10px 10px 0; }
-img.left  { margin: 0 10px 10px 0; float: left; }
-img.right { margin: 0 0 10px 10px; float: right; }
-img.frame {
-  border:10px solid #f3f3f3;
-  background:#fff;
-  padding:6px;
-  box-shadow: 0 0 6px #bbb;
-  -moz-box-shadow: 0 0 6px #bbb;
-  -webkit-box-shadow: 0 0 6px #bbb;
-}
-img.frame.left {  margin-right:16px;}
-img.frame.right {  margin-left:16px;}
-
-object, embed { display: block; margin: 0 auto 20px; background-color: #fff; padding: 7px; }
-.video-holder { background: transparent url(../img/screen/template/screen/video-bg.png) no-repeat 50% 50%; min-height: 375px; min-width: 428px; /*display: table-cell; vertical-align: middle;*/ }
-	.video { background-color: rgba(0, 0, 0, 0.2); padding: 7px; margin-left: auto; margin-right: auto; position: absolute; top: 50%; left: 50%; }
-
-blockquote { margin: 1em; }
-
-fieldset {
-  background: #F0F0F0;
-  border:1px solid #e1e1e1;
-  padding: 1em;
-  border-radius:6px;
-  -moz-border-radius:4px;
-  -webkit-border-radius:4px;
-  
-}
-fieldset legend {
-  font-weight: bold;
-  font-family:Georgia,serif;
-}
-
-/*-------------------------------------------
-    Modules
--------------------------------------------*/
-.clearfix:after, #main:after, .projects:after, .cols:after, #news:after, #header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
-
-#skip, #quick-search label { display: block; position:absolute; left:-9999px; }
-
-.section { border-bottom:1px solid #c3c3c3; padding:2em 0; overflow:hidden; position: relative; }
-#primary .section { border-bottom: none; border-top:1px solid #c3c3c3; }
-#primary .section.first { border-top: none; padding-top: 0; }
-
-/*.left { float:left; padding-bottom:999px; margin:0 20px -999px 20px; overflow:hidden; }
-.right { padding-bottom:999px; margin:0 20px -999px 20px; overflow:hidden; float: right; }
-	.left img, .right img { float: none; display: inline; }*/
-
-.cols { clear:both; } /* @todo: add more col possibilities */
-	.three-col { float:left; width:30%; margin-right:5%; }
-        .five-col { float:left; width:17.4%; padding-right:2.6%; }
-	.six-col { float:left; width:14.5%; padding-right:2.6%; }
-	.cols > *:last-child { margin-right:0; padding-right:0; }
-
-	.col-span { border-bottom:1px solid #404040; padding-bottom:15px; }
-
-ul.rows { border-top: 1px solid #dbe2e8; margin: 0 0 1em; }
-	ul.rows li { border-bottom: 1px solid #dbe2e8; padding: 1em 10px; background: none; }
-
-#crumbs {
-clear:both;
-font-size:15px;
-letter-spacing:0.1em;
-margin:0 1%;
-padding:0 0 4% 0;
-position:relative;
-z-index:2;
-}
-
-#crumbs #crumbs-contents {
-	padding: 2px 4px;
-	xbackground: #fff;
-}
-
-#crumbs a {
-	text-transform:uppercase;
-	color:#2987AD;
-	font-family:"Trebuchet MS", sans-serif;
-	font-weight:bold;
-	font-size: 80%;
-	letter-spacing: 1px;
-}
-
-h1#page-title {
-	margin: 10px 0 15px;
-	font-size: 45px;
-	color: #b91e27;
-	line-height: 1;
-}
-
-.lead { font-family:Georgia, serif; font-size:20px; }
-
-.cta { background:#dadada url(../img/screen/template/screen/bg_cta.png) repeat-x 0 0; padding:20px; margin: 0 0 30px; }
-	.cta h4 { font: 250% Georgia, serif; text-transform: none; color: #fff; }
-	.cta p { color:#565353; line-height: 1.7; font-style: italic; }
-	.cta h4 + p:first-line { font-weight: bold; }
-
-.powered-by { background: transparent url(../img/screen/template/screen/powered-by-mozilla.png) no-repeat 0 0; width: 205px; height: 73px; text-indent: -9999px; position: relative; left: -3px; margin: 0; }
-
-
-
-/*-------------------------------------------
-    Edit Page
--------------------------------------------*/
-.modified { position:absolute; top:7px; right:128px; font-size:12px; color:#767676; }
-.edit { position:absolute; top:0; right:0; width:110px; border:1px solid #cacaca; z-index:1; }
-.edit dt { padding:5px 10px; color:#148cb5; background:transparent url(../img/screen/template/widgets/down-arrow.png) no-repeat 90px center; font-size:12px; }
-.edit dd { background:#eaeaea; font-size:11px; }
-.edit dd a { margin:0 5px; padding:5px; display:block; border-bottom:1px solid #c3c3c3; }
-	.edit dd:last-child a { border:none; }
-
-.edit dd { display:none; }
-.edit:hover dd { display:block; }
-
-/*-------------------------------------------
-    Buttons
--------------------------------------------*/
-.button a{
-  display: inline-block;
-  padding:0.5em 1em;
-/*  font-size:2em;*/
-  color:#1075B3 !important;
-  text-shadow:0px 1px 0 #fff;
-	font-family: Arial, sans-serif;
-  font-weight:bold;
-  text-align:center;
-  border:1px solid #C9C8C9;
-  border-color:#C9C8C9 #999999 #999999 #C9C8C9;
-  border-color:#999999 #808080 #4d4d4d;  
-  -moz-border-radius:6px;
-  -webkit-border-radius:6px;
-  border-radius:6px;
-  background: #d3d3d3 url('../img/screen/template/widgets/button-bg.png') 0 0 repeat-x;  
-}
-.button a:hover{
-  background: #f2f2f2 url('../img/screen/template/widgets/button-bg.png') 0 -132px repeat-x; 
-  text-shadow:0px -1px 0 #fff;
-  text-decoration:none;
-  border-color:#4d4d4d #4d4d4d #4d4d4d;
-}
-.button {
-  display:inline-block;
-  border:4px solid #57A6C5;
-  -moz-border-radius:10px;
-  -webkit-border-radius:10px;
-  border-radius:10px;
-  margin:0 0 1em -6px;
-}
-.button.donate {
-  border-color:#FBC51B;
-}
-.button img{
-  margin:0 0.75em 0 0  ;
-}
-
-/*-------------------------------------------
-    Promos
--------------------------------------------*/
-.promo-sm { margin: 30px 0; padding: 20px 15px 20px 50px; width: 185px; height:145px; position:relative; background: #369 url(../img/screen/promos/promo-bg.jpg) no-repeat 0 0; }
-	.promo-sm strong { display:block; color: #fff; font-size:20px; font-family: Georgia, serif; font-weight: normal; }
-	.promo-sm .promo-button { width: 250px; height: 185px; display:block; position: absolute; top: 0; left: 0; padding-top: 91px; padding-left: 3px; background: url(../img/screen/promos/button-bg.png) no-repeat 52px 85px; font-size:11px; font-weight:bold; letter-spacing:1;  font-family:"Trebuchet MS", sans-serif; text-transform: uppercase; text-align:center; }
-	.promo-sm p { color:#fff; font-size:11px; position:absolute; top:123px; left:52px; padding-right:10px;}
-
-.promo-namoroka { background:url(../img/screen/lemur-promo-bg.png) no-repeat 0 0; height:188px; width: 365px;margin-bottom:20px; padding:0;  position:relative;}
-	.promo-namoroka .title { font-size:22px; line-height:1.2; font-family:Georgia, serif; color:#2a2a2a; margin-bottom:5px; text-transform:none; display:block;}
-	.promo-namoroka .button { display:block; color:#fff; text-transform:uppercase; font-weight:bold; text-transform:uppercase; letter-spacing: 0.1em; background:#106c1f url(../img/screen/promo-button-green-bg.png) repeat-x 0 0; float:left; padding:3px 5px 1px;}
-	.promo-namoroka a { display:block; padding:50px 25px 53px 149px;}
-	.promo-namoroka a:hover { text-decoration:none;}
-	.promo-namoroka a:hover .button { text-decoration:underline;}
-
-.promo {
-  width:235px;
-  margin:-1px 0 1em;
-  padding:1px 15px 0 130px;
-  position:relative;
-  min-height:120px;
-  background:url("../img/screen/template/screen/ihc/sketchyline.png") repeat-x scroll 0 0 transparent;
-}
-.promo h3 {
-  margin-top:1em;
-}
-.promo img {
-  position:absolute;
-  top:1em; left:0;
-}
-#openwebfund_promo {
-  background: url(../img/screen/template/screen/promo/openwebfund/openwebfund_promo_bg.png) 10px 0 no-repeat;
-  width:155px;
-}
-#openwebfund_promo p {
-  margin: 1em 0;
-}
-#openwebfund_promo p.button {
-	margin: 0;
-}
-#openwebfund_promo p.button a{
-	width:130px;
-	padding: 3px;
-}
-#openwebfund_promo img {
-  top:0.5em; left:0.5em;
-}
-
-/*-------------------------------------------
-    BUGS
-
-	Bugs are coded to be self contained.
-	Anything that's a bug has a class of "bug".
-	It also has an id that makes it
-	individual.
--------------------------------------------*/
-#get-involved { text-align: center; margin: 0 0 46px; width: 263px; overflow: hidden; }
-	#get-involved a { display: block; }
-	#get-involved a span { display: block; background: transparent url(../img/screen/template/screen/get-involved.png) no-repeat 52% 0; width: 263px; height: 172px; text-indent: -9999px; }
-
-#grant-details { border-top: 1px solid #999; border-bottom: 1px solid #999; }
-#grant-details ul { overflow: hidden; }
-#grant-details ul li { width: 33%; float: left; }
-
-#home #sub .bug { margin: 0 0 0 20px; }
-
-.bug h2 { font-size: 20px; margin-bottom: 0; line-height: 1.2; }
-.bug h3 { font-size: 13px; color: #666; font: 120% Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.1em; }
-
-#home #sub #gear { clear: both; margin: 0; overflow: hidden; /*position:relative; right:-20px;*/ margin-left:30px; }
-#gear h3 { font-size:13px; margin:0; font-weight:bold; letter-spacing:0; }
-#gear a { font-weight:bold; }
-
-.looking-for-firefox { text-align:center; width:150px; margin:0 auto; }
-.looking-for-firefox img { float:none; display:inline; }
-.looking-for-firefox strong { font-size:16px; font-family:Georgia, serif; color:#2a2a2a; font-weight:normal; display:block; }
-.looking-for-firefox a { display:block; }
-
-
-#openwebfund #form.right {
-  width: 60%;
-  float: left;
-}
-#openwebfund #side.left {
-	width: 37%;
-  margin-right: 3%;
-  float: left;
-}
-#openwebfund #form #postal label {
-  width: 160px;
-  display: inline-block;
-  text-align: right;
-}
-#openwebfund #form label.radio {
-  display: inline;
-}
-#openwebfund fieldset#tshirt{
-  position: relative;
-  background: #eee url(../img/screen/template/screen/promo/openwebfund/adopt_mozilla_tshirt_med.png) no-repeat right 10px;
-  padding-right: 170px;
-}
-#openwebfund #form #tshirt img{
-  display: none;
-}
-#openwebfund #form input[type="submit"] {
-  margin-top: 1em;
-  float: right;
-}
-#openwebfund #form .required label:after{
-  content: " * ";
-  color: #B91E27;
-  position: relative;
-  left: 170px;
-  margin-left: -9px;
-}
-#openwebfund #form .note {
-  text-align: right;
-  clear: both;
-  border: none;
-}
-#openwebfund #form .note .required {
-  color: #B91E27;
-}
-#openwebfund #form .errors{
-	background:#feb url(../img/screen/template/screen/ihc/cautionbang.png) right 50% no-repeat;
-	border: 1px #EDAC3A solid;
-	padding: 1em;
-	padding-right: 200px;
-	margin-bottom: 1em;
-}
-#openwebfund #form .errors h2 {
- color: #B91E27;
- margin: 0 -75px 020px 0;
-}
-#openwebfund #form .errors ul{
-  margin-top: 0;
-}
-#openwebfund #form .errors li {
-  background: none;
-  list-style-type: disc;
-}
-
-.projects {
-	padding:10px;
-	border-radius:10px;
-	-moz-border-radius:10px;
-	-webkit-border-radius:10px;
-}
-
-/* }}} */
-/* {{{ Media Queries */
-
-@media screen and (max-width: 980px) {
-	#nav a,
-	#nav span {
-		font-size: 13px;
-		padding: 15px 12px;
-	}
-
-	#quick-search #q {
-		width: 70px;
-	}
-
-	#header,
-	#footer,
-	#crumbs,
-	h1#page-title {
-		margin-left: 3%;
-	}
-	#main { padding-left: 3%; }
-}
-
-
-/* }}} */
-
-#wiki-tools {
-background:url("../img/screen/template/screen/bg_community_t.png") no-repeat scroll left top transparent;
-padding:20px 0 0;
-width: 30%;
-float: left;
-}
-
-#wiki-tools h2 {
-    color: #A80C1E !important;
-    font-weight: bold;
-    font-size: 25px;
-padding:20px 0 0 30px;
-}
-
-#wiki-tools li {
-padding:3px 0 3px 50px;
-width:100%;
-list-style-type: none;
-background: none;
-}
-
-#wpSummaryLabel {
-line-height: 1.3;
-font-weight: bold;
-}
-
-#wpSummary input {
-font-size:small;
-voice-family:inherit;
-}
-.editButtons {
-padding: 2% 0;
-}
-#mw-history-search legend {
--moz-border-radius:3px 3px 3px 3px;
--webkit-border-radius:3px 3px 3px 3px;
-background-color:#FFFFFF;
-padding:0 1%;
-}
-
-#contentSub {
-padding: 1% 0;
-}
-
-#mw-history-searchform {
-padding: 2% 0;
-}
-
-.mw-history-legend {
-padding: 2% 0;
-}
-/* Page history styling */
-/* the auto-generated edit comments */
-.autocomment { color: gray; }
-#pagehistory span.user {
-    margin-left: 1.4em;
-    margin-right: 0.4em;
-}
-#pagehistory span.minor { font-weight: bold; }
-#pagehistory li { border:1px dotted;
-padding:1% 0;
-}
-#pagehistory li.selected {
-    background-color:#f9f9f9;
-    border:1px dashed #aaaaaa;
-}
-/*
-** Diff rendering
-*/
-table.diff { background:white; }
-td.diff-otitle { background:#ffffff; }
-td.diff-ntitle { background:#ffffff; }
-td.diff-addedline {
-    background:#ccffcc;
-    font-size: smaller;
-}
-td.diff-deletedline {
-    background:#ffffaa;
-    font-size: smaller;
-}
-td.diff-context {
-    background:#eeeeee;
-    font-size: smaller;
-}
-span.diffchange { color: red; font-weight: bold; }
\ No newline at end of file
+#wiki-tools{background:url("../img/screen/template/screen/bg_community_t.png") no-repeat scroll left top transparent;padding:20px 0 0;width:30%;float:left;}
+#wiki-tools h2{color:#A80C1E !important;font-weight:bold;font-size:25px;padding:20px 0 0 30px;}
+#wiki-tools li{padding:3px 0 3px 50px;width:100%;list-style-type:none;background:none;}
+#wpSummaryLabel{line-height:1.3;font-weight:bold;}
+#wpSummary input{font-size:small;voice-family:inherit;}
+.editButtons{padding:2% 0;}
+#mw-history-search legend{-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;background-color:#FFFFFF;padding:0 1%;}
+#contentSub{padding:1% 0;}
+#mw-history-searchform{padding:2% 0;}
+.mw-history-legend{padding:2% 0;}
+.autocomment{color:gray;}
+#pagehistory span.user{margin-left:1.4em;margin-right:0.4em;}
+#pagehistory span.minor{font-weight:bold;}
+#pagehistory li{border:1px dotted;padding:1% 0;}
+#pagehistory li.selected{background-color:#f9f9f9;border:1px dashed #aaaaaa;}
+table.diff{background:white;}
+td.diff-otitle{background:#ffffff;}
+td.diff-ntitle{background:#ffffff;}
+td.diff-addedline{background:#ccffcc;font-size:smaller;}
+td.diff-deletedline{background:#ffffaa;font-size:smaller;}
+td.diff-context{background:#eeeeee;font-size:smaller;}
+span.diffchange{color:red;font-weight:bold;}
+.breadcrumb-item{font-weight:bold;font-size:small;}