body { 
  background-color: white; 
  color: #333; 
  font-family: "Lucida Grande", Helvetica, sans-serif;
  padding: 0;
  margin: 0;
  text-align: center;
}

#content {
  width: 70%;
  min-width: 500px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  padding-top: 0.4em;
  line-height: 1.4em;
}

#billboard + #content, #billboard-wide + #content {
  border-top: 1px solid #4444cc;
}

/*
body > #top- {
	margin: 0;
	padding: 0;
	background-color: #ECECEC;
	border-bottom: 1px solid #b4b4b4;
	min-height: 45px;
}*/

.br {
    clear: left;
    height: 1px;
    margin-top: -1px;
}
/*
#top- > #nav- {
	margin: 0;
	padding: 0;
  color: #202020;

  list-style: none;
  font-size: 1.4em;
  clear: left;
/*	min-height: 45px;/
/*	background-image: url(/navbar.png);
	background-position: bottom;  
	background-repeat: repeat-x;/
}*/

body > #top {
	margin: 0;
	padding: 0;
	background-color: #ECECEC;
	border-bottom: 2px solid #b4b4b4;
	font-family: 'Lucida Grande';
}

#top > #nav {
	margin: 0;
	padding: 0;
  color: #202020;

  list-style: none;
  font-size: 0.75em;
  clear: left;
}

#top > #nav li {
  list-style: none;
  float: left;

	margin: 0;
	padding: 0;
	border-left: 1px dotted #b4b4b4; /*D6D6D6;*/
}

#top > #nav li a, #top > #nav li a span {
  color: #202020;
  text-decoration: none;
  display: block;
  font-weight: bold;
	padding: 0;
    line-height: 1.8em;
	margin: 0;
}

#top > #nav li.div {
    border-left: 1px solid #b4b4b4;
}

#top > #nav li.last {
    border-right: 1px solid #b4b4b4;
}

#top > #nav li.first {
    border-left: 0 none;
}

#top > #nav li.curr {
	background-color: #B4B4B4;
}

#top > #nav li.curr a span, #top > #nav li.curr a:hover span, #top > #nav li.curr a:active span {
	background-color: #B4B4B4;
	color: #f8f8f8;
}

#top > #nav li a span {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

#top > #nav li a span em {
    font-style: normal;
    font-weight: normal;
}

#top > #nav li a:hover, #top > #nav li a:active {
    background-color: #D6D6D6;
}

/*
#top- > #nav- li {
  list-style: none;
  float: left;

	margin: 0;
	padding: 0;
	min-height: 45px;
	line-height: 45px;
}

#top- > #nav- li a, #top- > #nav- li a span {
  color: #202020;
  text-decoration: none;
  display: block;
	padding: 0;
	min-height: 45px;
	line-height: 45px;
	margin: 0;
}

#top- > #nav- li a:link {
	background-color: #ECECEC;
}

#top- > #nav- li a span {
	padding-left: 45px;
	padding-right: 0.5em;
}

#top- > #nav- li a:hover, #top- > #nav- li.curr a {
/*	background-image: url(/navbarsel.png);
	background-position: bottom;
	background-repeat: repeat-x;/
	background-color: #C9C9C9;
}

#top- > #nav- li.curr a {
  font-weight: bold;
}

#top- > #nav- li.curr a, #top- > #nav- li.curr a span {
	color: white;
	text-shadow: black 2px 2px 2px;
}


#top- > #nav- li a span {
	background-position: 5px 50%;
	background-repeat: no-repeat;
}

#nav- > #nav--index a span {
	background-image: url(/section_wafsof.png);
}

#nav- > #nav--nuevos a span {
	background-image: url(/section_nuevos.png);
}

#nav- > #nav--gmailgrowl a span {
	background-image: url(/section_gmailgrowl.png);
}

#nav- > #nav--2ndlap a span {
	background-image: url(/section_2ndlap.png);
}*/

#stuff {
  padding: 1em;
}

.in-a-nut {
  font-size: 1.2em;
  line-height: 1.4em;
  padding: 1em;
}

.in-a-nut:before {
  font-weight: bold;
  content: "In one sentence: ";
}

#download, #source {
  border: 1px solid #999;
  padding: 1em;
}

#download {
/*  background-image: url(download.png);
  background-position: 0.5em 0.5em;
  background-repeat: no-repeat;*/
}

#download h3, #source h3 {
  margin: 0;
  font-size: 1.5em;
  font-weight: normal;
  line-height: 1.8em;
}
/*
#download h3 {
  margin-left: 100px;
}*/

#download p, #source p {
  margin: 0;
  line-height: 1.4em;
  color: #333;
}
/*
#download p {
  margin-left: 100px;
}*/

.beta, .source {
  padding: 0.3em;
  color: #efefef;
  text-transform: uppercase;
  font-size: 0.8em;
}

.beta {
  background-color: #700000;
  border: 1px solid #700000;
}

.source {
  border: 1px solid #efefef;
}

.recommended {
  font-size: 1.4em;
}

.download-list li {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}

pre {
  background-color: #222;
  padding: 10px;
  font-size: 11px;
}

a { color: #4444cc; }
/*a:visited { color: #666; }
a:hover { color: #000; background-color:#363636; }*/

#billboard {
  display: block;
  width: 500px;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

#billboard-wide {
  width: 750px;
  display: block;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

#apps {
  list-style: none;
  width: 700px;
  padding: 0;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid #888;
  margin-top: 0.3em;
  padding-top: 0.8em;
  margin-bottom: 0.8em;
}

#apps li {
  margin: 0;
  padding: 0;
  font-size: 0.95em;
  line-height: 1.8em;
  text-align: left;
}

#apps li em {
  font-style: normal;
  color: #999;
  border-bottom: 1px solid #999;
  display: block;
  margin: 0;
  padding: 0;
  margin-bottom: 0.2em;
  padding-top: 0.7em;
}

#apps li strong {
  float: left;
  width: 200px;
  padding-right: 0.4em;
  text-align: right;
}

#apps li span {
  color: #777;
}

#apps li a:hover span {
  color: #000055;
}

#apps li a:hover strong {
  color: #0044bb;
}

#apps li a:hover strong.applistbeta:before {
  color: #881100;
}

#apps li a {
  color: #000050;
  margin: 0;
  padding: 0;
  display: block;
  text-decoration: none;
}

#apps strong.applistbeta:before {
  color: #999; /* because betas are evil, yes */
  font-variant: small-caps;
  content: "beta";
  padding-right: 0.4em;
}

#billboard a {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}


#billboard-wide a {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}

#billboard .fallback {
  display: block;
  width: 500px;
  height: 300px;
  margin: 0;
  padding: 0;
  text-indent: -9000px;
}

#billboard-wide .fallback {
  width: 750px;
  display: block;
  height: 300px;
  margin: 0;
  padding: 0;
  text-indent: -9000px;
}

h1 {
  display: none;
}

#footer {
  width: 70%;
  min-width: 500px;
  margin-left: auto;
  margin-right: auto;
  color: #676767;
  font-size: 0.9em;
  text-align: center;
  border-top: 1px solid #b4b4b4;
  padding-top: 0.6em;
  margin-top: 0.6em;
  padding-bottom: 0.6em;
}

.newbadge {
  font-style: normal;
  text-transform: uppercase;
  font-size: 0.75em;
  padding: 0.4em;
  background-color: #227722;
  color: #fff;
}

dd + dt {
  padding-top: 0.5em;
}

#searchform {
  position: absolute;
  position: fixed;
  top: 2em;
  right: 2em;
}

a.metalink {
  color: #999;
  font-size: 0.9em;
  text-decoration: none;
}

label {
  float: left;
  width: 9.3em;
  padding-right: 0.7em;
  line-height: 1.6em;
  text-align: right;
  clear: left;
}

h3 {
  margin-bottom: 0;
  padding-bottom: 0.2em;
}

p + h3, ul + h3 {
  margin-bottom: 0;
  padding-bottom: 0.2em;
}

h3 + p, h3 + ul {
  margin-top: 0;
  padding-top: 0;
}



















/*** HERE BE DRAGONS ***/













#top > #nav2, #top > .submenu-active {
	margin: 0;
	padding: 0;
  color: #202020;

  list-style: none;
  font-size: 0.75em;
  clear: left;
}

#top > #nav2 li, #top > .submenu-active li {
  list-style: none;
  float: left;

	margin: 0;
	padding: 0;
	border-left: 1px dotted #b4b4b4; /*D6D6D6;*/
}

#top > #nav2 li a, #top > #nav2 li a span, #top > .submenu-active li a, #top > .submenu-active span {
  color: #202020;
  text-decoration: none;
  display: block;
  font-weight: bold;
	padding: 0;
    line-height: 1.8em;
	margin: 0;
}

#top > #nav2 li.div, #top > .submenu-active li.div {
    border-left: 1px solid #b4b4b4;
}

#top > #nav2 li.last, #top > .submenu-active li.last {
    border-right: 1px solid #b4b4b4;
}

#top > #nav2 li.first, #top > .submenu-active li.first {
    border-left: 0 none;
}

#top > #nav2 li.curr, #top > .submenu-active li.curr, #top > .submenu-active li.activemenu {
	background-color: #B4B4B4;
}

#top > #nav2 li.curr a span, #top > #nav2 li.curr a:hover span, #top > #nav2 li.curr a:active span, #top > .submenu-active li.curr a span, #top > .submenu-active li.curr a:hover span, #top > .submenu-active li.curr a:active span, #top > .submenu-active li.activemenu a span, #top > .submenu-active li.activemenu a:hover span, #top > .submenu-active li.activemenu a:active span {
	background-color: #B4B4B4;
	color: #f8f8f8;
}

#top > #nav2 li a span, #top > .submenu-active li a span {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

#top > #nav2 li a span em, #top > .submenu-active li a span em {
    font-style: normal;
    font-weight: normal;
}

#top > #nav2 li a:hover, #top > #nav2 li a:active, #top > .submenu-active li a:hover, #top > .submenu-active li a:active {
    background-color: #D6D6D6;
} 

ul.submenu {
    display: none;
}

#top > .submenu-active {
    border-top: 1px solid #b4b4b4;
}