/* Clean up some background spacing for the container's padding - added 12/8/2010 by @mdo; need to clean this up */
body,
body.help,
html body.help,
html body.goodies,
html body#goodies {
  background-image: none;
  padding-top: 60px !important;
  padding-bottom: 30px;
}
body.phoenix-skybar,
body.contributor-skybar {
  padding-top: 60px !important;
}
body.phoenix-skybar div.phoenix-banner-outer {
  display: none !important;
}
.fixed-banners {
  display: none !important;
}
div#container {
  margin-top: 0;
}


body #container {
  width: 980px;
  margin: 0 auto;
}

body .wrapper {
  padding: 15px 20px;
  font: 13px/20px Helvetica Neue, Helvetica, Arial, sans-serif;
}

/* Heading */

.about-heading {
  border-bottom: 1px solid #E0EEF5 !important;
  clear: both;
  display: block;
  width: 940px;
  margin: 0 -20px 20px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  padding: 0 20px 14px;
}

.ie7 .about-heading {
  margin-top: -65px !important;
  position: absolute;
  zoom: 1;
}

.ie7 .wrapper {
  padding-top: 70px !important;
  margin-bottom: 30px !important;
}

.about-heading h1 {
  display: block;
  padding-top: 0 !important;
  text-shadow: 0 1px #fff;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0;
}

.about-heading span {
  color: #E0EEF5;
}


/* Navigation (left sidebar) */
ul#nav {
  float: left;
  width: 172px;
  margin-bottom: 30px;
  margin-left: -12px;
}

ul#nav li {
  padding: 0;
  margin-bottom: 2px;
}

ul#nav li a {
  display: block;
  font: 15px Helvetica Neue, Helvetica, sans-serif;
  font-weight:200;
  padding: 4px 12px;
  line-height: 18px;
  outline: 0;
  color: #2076B9;
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
}

body#about a#about_link,
body#press a#press_link,
body#goodies a#goodies_link,
body#followbutton a#goodies_link,
body#logos a#goodies_link,
body#contact a#contact_link,
body#employees a#employees_link,
body#opensource a#opensource_link,
body#security a#security_link {
  color: #333;
  background: #E0EEF5;
  font-weight: 400;
  text-shadow: #fff 0 1px 0;
  -moz-box-shadow: inset #abdcf5 0 1px 0;
  -webkit-box-shadow: inset #abdcf5 0 1px 0;
  box-shadow: inset #abdcf5 0 1px 0px;
}

ul#nav li a#help_link {
  font-size: 12px;
  margin-top: 10px;
}

ul#nav li a:hover {
  background: #f8f8f8;
  text-decoration: none;
  -moz-box-shadow: inset #eee 0 1px 0;
  -webkit-box-shadow: inset #eee 0 1px 0;
  box-shadow: inset #eee 0 1px 0;
}

ul#nav li a:active {
  background: #eee;
  text-decoration: none;
}

/* Sections (aka tabs) */

.sections {
  margin: 0 0 60px 0 !important;
  padding: 0 !important;
}
.about-twitter p {
  width: 75%;
}
#content .about-twitter h4 {
  font-size:14px !important;
}
.about-twitter h3 span {
  font-weight:normal;
}
.sections p, .sections address, .sections ul {
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 22px !important;
  color: #333 !important;
}

.sections p.intro {
  font-size: 18px;
  line-height: 23px !important;
  color: #666 !important;
  width:85%;
}

.sections p.question {
  padding-bottom: 0 !important;
  margin: 0 !important;
}

.sections p.answer {
  color: #666 !important;
  margin: 0 !important;
  padding: 0 0 18px 0 !important;
}

.sections h2 {
  clear: both;
  display: block;
  font-weight: 300;
  padding: 0;
  float: none;
  font-size: 30px;
  padding-bottom: 12px !important;
  margin-top: -8px !important;
  padding-top: 8px !important;
  line-height: 118% !important;
  width: 90%;
}

body.tr .sections h2#tagline {
  font-family: Arial, sans-serif;
}

.sections h2#tagline {
  font-size:40px;
  margin:0 0;
  margin-top:-18px !important;
  padding:0;
  width:90%;
}
body.fr h2#tagline {
  font-size:39px;
}
body.ja h2#tagline {
  font-size:26px;
}
body.western h2#tagline {
  font-size:43px;
}
.sections h2#tagline+h3 {
  margin-top:0;
}
.sections h3 {
  margin-top: 14px !important;
  padding-top: 24px !important;
  font-size: 16px;
  border-top: 1px solid #E0EEF5;
}

.sections h3.first {
  border-top: 0;
  padding-top: 0 !important;
}

.sections h3.questions-title {
  padding-bottom: 16px;
}

.sections h4 {
  color: #666;
  padding-top: 5px;
  font-size: 16px !important;
}

.sections p.note {
  background: #f4f4f4;
  color: #666;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 19px !important;
  margin: 0px -10px 10px -10px !important;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.borderless {
  border: 0 !important;
}

/* Images */

img.press-globe {
  margin-left: 570px;
  position: absolute;
  margin-top: -20px;
}

img.about-birds {
  margin-left: 600px;
  position: absolute;
  margin-top: -80px;
}
img.about-birds-2 {
  margin-left: 595px;
  position: absolute;
  margin-top: -120px;
}
img.about-img {
  margin-left: 570px;
  position: absolute;
  margin-top: -20px;
}

img.bird {
  margin-left: 10px;
  margin-right: -30px;
}

div.feature {
  margin-bottom: 48px;
}

#content div.feature h2{
  margin-bottom: 12px;
}

div.feature b {
  color: #ccc;
}

/*
.twitter-logos .group {
  width: 100%;
  float: left;
}

.full-logo {
  margin-top:24px;
}

*/
.sections .group h3 {
  border:0;
  margin-top:0 !important;
  padding-top:0 !important;
}

/*
div.white {
  background: #fff;
}
*/

div.twitter-buttons a {
  margin-top: 15px;
}

div.twitter-buttons a img {
  margin:0 auto;
}

div.twitter-buttons p span {
  display: block;
  margin-bottom: 5px;
}

div.twitter-buttons a:hover span {
  text-decoration: underline;
}

p.logos {
  font-size: 12px;
  line-height: 18px !important;
}

/* Logos on solid and checkered backgrounds */
.solid-bg,
.checkerboard,
.checkerboard-dark {
  padding: 15px 20px;
}
div.solid-bg {
  background: #fff;
  padding: 14px 19px; /* minus one for border */
  border: 1px solid #ccc;
}
.checkerboard {
  background: url(../../../../../../20110912102833im_/http_/a3.twimg.com/a/1315503717/images/checkerboard.png);
}
.checkerboard-dark {
  background: #333 url(../../../../../../20110912102833im_/http_/a3.twimg.com/a/1315503717/images/checkerboard.png);
}

/* Wordmarks with Larry in them */
ul.marks {

}
ul.marks li {
  margin: 0 0 20px;
  font-size: 12px;
  line-height: 18px;
}
ul.marks li div {
  margin-bottom: 5px;
  float: left;
  min-width: 200px;
}
ul.marks li strong {
  display: block;
  font-size: 13px;
  color: #555;
  clear: left;
}
ul.marks li span {
  color: #999;
  padding: 0 2px;
}

/* Bird icons */
ul.birds {
  margin-left: -20px;
  width: 780px;
}
ul.birds li {
  float: left;
  margin-left: 20px;
}
ul.birds li,
ul.birds li img {
  width: 160px;
}
ul.birds li img {
  display: block;
  width: 160px;
  line-height: 1;
}
ul.birds li div.solid-bg,
ul.birds li div.checkerboard,
ul.birds li div.checkerboard-dark {
  padding: 0;
}
ul.birds li div.checkerboard,
ul.birds li div.checkerboard-dark {
  width: 160px;
  min-width: 160px;
}
ul.birds li div.solid-bg,
ul.birds li div.solid-bg img {
  width: 158px;
  min-width: 158px;
}



div.twitter-buttons p {
  border: 0 !important;
}

div.twitter-buttons p a.btn:hover {
  text-decoration: none;
}

p.normal {
  border-left: 0;
}

p.description {
  font-size: 12px;
}

p.guidelines {
  color: #666 !important;
  margin-bottom:0 !important;
  margin-top: -8px !important;
}

p.smaller {
  width: 95%;
  border-right: 0;
}

p.logos span {
  display: block;
  clear: both;
  color: #666;
  padding: 4px 0 5px 0;
}

#download_logo h3 {
  margin-bottom: 0;
  padding-bottom: 0;
}

/*.goodies-buttons img {
  margin: -10px 0 0 0px !important;
}*/

.normal a.goodies-buttons {
  display: block;
  height:100px;
  vertical-align:bottom;
}

div.logo .checkerboard-dark {
  display:block;
  height:90px;
  width:240px;
  margin:20px 0 0;
  padding:0;
}

div.logo .checkerboard-dark a {
  display:block;
  text-align:center;
}
div.logo .checkerboard-dark a img {
  margin-top:25px;
}
div.logo .normal {
  padding-bottom: 7px;
}
h3.second {
  clear:both;
  display: block;
  margin-top: 40px !important;
}

/* Contact us */

#contact ul.emails {
  float: left;
  width: 30%;
}

#contact address {
  float: left;
  width: 30%;
}

p#office_image {
  padding-top: 1em;
}
/* Employees */

.employees {
  margin-top: 20px;
  margin-bottom: 20px;
}

.employees img {
  padding-right: 2px;
  padding-bottom: 3px;
}

/* Misc */

div.item {
  width: 45%;
  float: left;
  padding-right: 5%;
}

p.desc {
  font-size: 13px;
  line-height: 19px !important;
  padding-top: 0;
  margin-top: -2px !important;
  padding-bottom: 5px;
  height: 2.5em;
  min-height: 2.5em;
  overflow: hidden;
}

h3.cat {
  margin-bottom: 12px !important;
  clear: both;
  color: #666;
  font-weight: normal;
  display: block;
}

a.btnlink {
  display: inline-block;
  padding: 3px 10px 3px 10px !important;
  margin: 5px 0 0 -10px !important;
  font-family: Arial, sans-serif;
  margin-bottom: 0px !important;
  line-height: 18px;
  outline: 0;
  font-weight: bold;
  font-size: 11px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  cursor: pointer;
}

a.btnlink:hover {
  text-decoration: none;
  color: #000;
}

a.smaller-link {
  color: #999;
  font-weight: normal !important;
  outline: none;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.last {
  padding-bottom: 0;
  margin-bottom: 0;
}

.security p {
  width: 90%;
}

.security p.sep {
  border-bottom: 1px solid #eee;
  width: 100%;
  padding: 0;
  color: #999 !important;
  height: 12px;
}

.security-intro {
 }

.security-intro img.shield {
  position: absolute;
  margin-left: 610px;
  margin-top: -192px;
}

.security-intro p.intro {
  width: 78%;
  font-weight: 300;
}

.security p.sep strong {
  background: #fff;
  margin-bottom: -10px;
  display: inline-block;
  padding-right: 6px;
}

.white-hats {
  padding-top: 10px;
  margin-left: -10px;
  margin-bottom: 40px;
}

.white-hats a {
  display: block;
  width: 230px;
  height: 48px;
  padding: 10px;
  float: left;
}

.white-hats a:hover {
  background: #f4f4f4;
  text-decoration: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.white-hats a img {
  float: left;
  margin: 0 10px 0 0;
}

.white-hats a b {
  font-weight: normal;
}

.white-hats a strong {
  font-weight: bold;
}

.white-hats a span {
  display: block;
  color: #333;
}




/*
     FILE ARCHIVED ON 10:28:29 Sep 12, 2011 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:34:34 Sep 07, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 5.785
  load_resource: 303.311
  PetaboxLoader3.resolve: 271.91
  PetaboxLoader3.datanode: 7.926
*/