#container {
  position: absolute;
  top: 90px;
  width: 940px;
  left: 50%;
  margin-left: -470px; }
  body.topped #container {
    top: 130px; }
  #container #content {
    overflow: hidden; }
    #container #content #main {
      position: absolute;
      z-index: 3;
      top: 0;
      left: -5px; }
      #container #content #main.medium {
        width: 708px;
        padding: 5px 0 0 0;
        background: url(/images/medium_bg.png) no-repeat top left; }
        #container #content #main.medium.chatty {
          background: url(/images/medium_chatty_bg.png) no-repeat top left;
          padding-top: 19px; }
          #container #content #main.medium.chatty .highlighted {
            overflow: hidden; }
            #container #content #main.medium.chatty .highlighted.actionated {
              background: url(/images/actions_content_bg.png) no-repeat bottom left;
              padding-bottom: 9px; }
            #container #content #main.medium.chatty .highlighted #user_meta {
              overflow: hidden;
              position: relative;
              background: url(../../images/medium_glow.png) repeat-y top left; }
              #container #content #main.medium.chatty .highlighted #user_meta .content {
                padding: 5px 10px 10px;
                overflow: hidden;
                margin: 0 4px;
                background: url(/images/welcome_bg.png) repeat-x bottom left;
                border-bottom: 1px solid #a2cdb2; }
                #container #content #main.medium.chatty .highlighted #user_meta .content #user_info {
                  float: left;
                  padding: 10px 10px 0;
                  color: #333; }
                  #container #content #main.medium.chatty .highlighted #user_meta .content #user_info h2 {
                    font-size: 18px;
                    font-weight: bold;
                    color: #333;
                    margin-bottom: 8px; }
                  #container #content #main.medium.chatty .highlighted #user_meta .content #user_info .stats a {
                    font-weight: bold; }
            #container #content #main.medium.chatty .highlighted .welcome {
              overflow: hidden;
              position: relative;
              background: url(/images/medium_glow.png) repeat-y top left; }
              #container #content #main.medium.chatty .highlighted .welcome .content {
                padding: 5px 10px 10px;
                background: url(/images/welcome_bg.png) repeat-x bottom left;
                border-bottom: 1px solid #a2cdb2;
                overflow: hidden;
                margin: 0 4px; }
                #container #content #main.medium.chatty .highlighted .welcome .content .salutations {
                  float: left;
                  padding: 10px 10px 0;
                  color: #333; }
                  #container #content #main.medium.chatty .highlighted .welcome .content .salutations h2 {
                    font-size: 18px;
                    font-weight: bold;
                    color: #333;
                    margin-bottom: 8px; }
                  #container #content #main.medium.chatty .highlighted .welcome .content .salutations .stats a {
                    font-weight: bold; }
        #container #content #main.medium.titled {
          background: url(/images/medium_titled_bg.png) no-repeat top left;
          padding-top: 9px; }
          #container #content #main.medium.titled .title {
            line-height: 20px; }
            #container #content #main.medium.titled .title .content {
              background: #e3f1e8;
              padding: 5px 10px 8px;
              border-bottom: 1px solid #a2cdb2; }
              #container #content #main.medium.titled .title .content h2 {
                font-size: 18px;
                font-weight: bold; }
      #container #content #main .content {
        color: #333;
        background: none; }
        #container #content #main .content.detach {
          margin-top: 10px;
          padding: 0;
          background: url(/images/medium_bg.png) no-repeat top left;
          padding-top: 10px; }
          #flights.index #container #content #main .content.detach {
            padding-top: 9px;
            background-image: url(/images/stream_bg.png); }
            #flights.index #container #content #main .content.detach #stream ul li:first-child .content, #flights.index #container #content #main .content.detach #stream ul li:first-child .aside {
              padding-top: 5px; }

#container #main .comments {
  background-image: url(/images/comments_bg.png);
  background-repeat: no-repeat;
  background-position: 30px 10px;
  padding: 0 10px 10px 68px;
  margin-top: 10px;
  clear: both; }
  #container #main .comments ul {
    border: 1px solid #b7d2e3;
    border-bottom: 0; }
    #container #main .comments ul li {
      border: 0;
      border-bottom: 1px solid #D1E4EF;
      overflow: hidden;
      padding: 10px;
      font-size: 12px;
      background: #ebf5fa;
      width: 600px; }
      #container #main .comments ul li.new_comment {
        border-color: #b7d2e3;
        background: #E3F1E8; }
      #container #main .comments ul li .avatar {
        margin-right: 10px; }
      #container #main .comments ul li .content {
        background: none;
        padding: 0;
        line-height: 1.5;
        padding-top: 0 !important;
        width: 566px;
        position: relative; }
        #container #main .comments ul li .content .pilot {
          display: block; }
          #container #main .comments ul li .content .pilot a {
            font-weight: bold;
            text-decoration: none;
            color: #369; }
        #container #main .comments ul li .content .moment {
          color: #666;
          font-size: 11px;
          font-family: georgia, serif;
          font-style: italic;
          text-decoration: none;
          line-height: 17px;
          position: absolute;
          top: -5px;
          right: 0px; }
        #container #main .comments ul li .content .comment_comment {
          height: 14px;
          font-size: 12px;
          padding: 4px;
          width: 556px;
          border: 1px solid #83CBA0;
          margin: 0;
          font-family: helvetica, arial, sans-serif; }
        #container #main .comments ul li .content .remove {
          float: right; }
        #container #main .comments ul li .content .add_comment {
          float: right; }

#stream {
  position: relative; }
  #stream ul {
    background: #FFFFFF url(/images/medium_chatty_chat_bg.png) repeat-x scroll left top; }
    #stream ul li {
      border-top: 1px solid #ccc;
      list-style-type: none;
      background: url(/images/stream_item_bg.png) repeat-y top left;
      overflow: hidden; }
      #stream ul li:first-child {
        border: 0; }
      #stream ul li:hover .content .message .meta .peekaboo {
        display: block; }
      #stream ul li .content {
        background: none;
        float: left;
        width: 530px;
        padding: 10px; }
        #stream ul li .content .message {
          line-height: 1.4em;
          font-size: 14px;
          float: left;
          width: 470px;
          padding-left: 10px; }
          #stream ul li .content .message .pilot a {
            font-weight: bold;
            text-decoration: none;
            color: #369; }
          #stream ul li .content .message .meta {
            color: #666;
            margin-top: 5px;
            position: relative;
            overflow: hidden;
            height: 17px; }
            #stream ul li .content .message .meta a {
              text-decoration: none;
              color: #666;
              font-size: 12px; }
            #stream ul li .content .message .meta .moment {
              float: left; }
              #stream ul li .content .message .meta .moment a {
                font: 11px/11px georgia,serif;
                font-style: italic; }
            #stream ul li .content .message .meta .peekaboo {
              float: right;
              display: none; }
              #stream ul li .content .message .meta .peekaboo a {
                display: block;
                float: left;
                margin-left: 10px; }
                #stream ul li .content .message .meta .peekaboo a.full_details {
                  color: #369;
                  text-decoration: underline; }
                #stream ul li .content .message .meta .peekaboo a.add_photo {
                  color: #369;
                  text-decoration: underline; }
                #stream ul li .content .message .meta .peekaboo a.comments_count {
                  background: url(/images/comments_count_bg.png) no-repeat 63px 1px;
                  height: 17px; }
                  #stream ul li .content .message .meta .peekaboo a.comments_count .qty {
                    background: url(/images/comments_count_bg.png) no-repeat top right;
                    font-size: 10px;
                    font-weight: bold;
                    color: #fff;
                    padding: 1px 4px 0 1px;
                    line-height: 15px;
                    margin: 1px 0 0 9px;
                    display: block;
                    float: right; }
      #stream ul li .aside {
        float: right;
        overflow: hidden;
        width: 130px;
        padding: 10px; }
        #stream ul li .aside ul li {
          background: #eee;
          border: 0;
          font-weight: bold;
          color: #666;
          line-height: 1.6em; }
          #stream ul li .aside ul li a {
            color: #666;
            text-decoration: none; }
            #stream ul li .aside ul li a:hover {
              text-decoration: underline; }
      #stream ul li .expanded {
        display: none; }

#container #content #main #footer {
  padding: 20px 0;
  text-align: center; }
  #container #content #main #footer .content {
    padding-top: 15px;
    background: url(/images/footer_bg.png) no-repeat top center; }
    #container #content #main #footer .content ul li {
      display: inline;
      padding: 0 10px; }
      #container #content #main #footer .content ul li a {
        font-weight: bold;
        color: #369;
        text-decoration: none; }
    #container #content #main #footer .content #copyright {
      font-size: 11px;
      padding-top: 10px; }

body {
  background: #cbe4f0 url(/images/home_bg.png) repeat-x top left; }

#header {
  background: none;
  z-index: 3; }
  #header .content #clouds {
    display: none; }

#intro {
  position: absolute;
  top: 100px;
  width: 100%;
  background: #143a64;
  z-index: 2; }
  #intro .content {
    width: 940px;
    margin: 0 auto;
    background: #0e2846 url(/images/intro_bg.png) no-repeat top left;
    position: relative;
    height: 272px; }
    #intro .content #info {
      width: 400px;
      padding: 30px; }
      #intro .content #info h2 {
        font-size: 28px;
        font-weight: bold;
        color: #fff;
        line-height: 1.5em; }
      #intro .content #info h3 {
        font-size: 16px;
        font-weight: bold;
        color: #c4fed9;
        line-height: 2em; }
      #intro .content #info #log {
        position: absolute;
        bottom: 50px;
        left: 30px;
        z-index: 6; }
    #intro .content #screenshot {
      position: absolute;
      top: -30px;
      right: -10px; }
  #intro #overlay {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 75px;
    background: url(/images/overlay.png) repeat-x top left;
    z-index: 5; }

#take_tour {
  position: absolute;
  top: 390px;
  height: 80px;
  width: 940px;
  left: 50%;
  margin-left: -470px; }

#container {
  top: 470px; }
  #container #content #main {
    left: 50%;
    margin-left: -354px;
    background: url(/images/stream_bg.png) no-repeat top left !important;
    margin-top: 10px; }
    #container #content #main > .content {
      padding-bottom: 9px;
      background: url(/images/stream_bottom_bg.png) no-repeat bottom left;
      position: relative;
      top: 4px; }
      #container #content #main > .content #stream ul li:first-child .content, #container #content #main > .content #stream ul li:first-child .aside {
        padding-top: 5px; }