/*
  --------------------------------------------------
  Layout: #NewTwitter
  --------------------------------------------------
  An intermediary stylesheet for turning key pages
   into #NewTwitter-like content.
  --------------------------------------------------
*/

/*  Reset global styles
  -------------------------------------------------- */

/* Typography -------------------- */
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a {
  color: #2D76B9;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  line-height: 1;
}
h2 small, h3 small {
  color: #777;
}
h2 {
  margin-bottom: 5px;
  font-size: 24px;
}
h2 img {
  float: left;
  margin-right: 6px;
  vertical-align: middle;
}
h2 small {
  font-size: 18px;
}
h3 {
  margin: 10px 0 5px;
  font-size: 20px;
}
h3 small {
  font-size: 14px;
}
h4 {
  margin: 14px 0 5px;
  font-size: 16px;
}
p {
  margin: 0 0 15px;
  font-size: 13px;
  line-height: 18px;
}
p.lead {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 20px;
  color: #555;
}

/* Buttons -------------------- */
.btn,
input[type=submit].btn,
input[type=button].btn {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}

/* Misc elements -------------------- */
/* Show the HRs in settings and space it properly for divisions in the forms */
hr {
  display: block;
  border: 0;
  border-top: 1px solid #ddd;
  margin: 20px 0 19px !important;
}
/* Change width of notifications bar */
.notification-bar-contents {
  width: 880px;
}


/* New Layout -------------------- */
body,
body.phoenix-skybar {
  padding-top: 60px !important;
}
div#container {
  width: 920px;
  margin: 0 auto;
  padding: 0 40px; /* used to make the window resize a la #NewTwitter */
  font: normal 13px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
div#pageContent { /* With this new container, we avoid all the ancient over-specific crap from twitter.css */
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 3px #a8cfe5;
  -moz-box-shadow: 0 1px 3px #a8cfe5;
  box-shadow: 0 1px 3px #a8cfe5;
}
/* Hook us up with some phat new styles to make the topbar really sing */
body.contributor-skybar {
  padding-top: 60px !important;
}
div.account-nav {
  display: none;
}
/* Overhaul that footer, baby! */
div#footer {
  background: none;
  padding: 5px 0 20px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
div#footer ul li {
  color: #333;
  color: rgba(0,0,0,.5);
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
}


/*  Updated (wider, semi-fluid) two-column layout
  -------------------------------------------------- */
div.wrapper {
  padding: 20px;
}
div.side-section {
  padding-bottom: 20px;
}
div.content-section {
  float: left;
  width: 600px;
}
div.side-section {
  margin-left: 660px;
  max-width: 340px;
  min-width: 220px;
}
div.side-section p {
  color: #777;
  margin-bottom: 5px;
}
/* Sidebar UL */
div.side-section ul {
  margin-left: 20px;
  margin-bottom: 15px;
}
div.side-section li {
  color: #777;
  margin-bottom: 5px;
}
/* Sidebar DL (primarily for twitter text commands) */
div.side-section dl {
  margin-bottom: 15px;
}
div.side-section dl dt {
  margin: 0 !important;
  padding: 0 !important;
}
div.side-section dl dd {
  color: #777;
  margin: 0 0 5px !important;
  padding: 0 !important;
}