* {
    font-family: Helvetica, Arial, sans-serif;
}
a {
    color: #1A1718;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
body {
    margin:0;
    padding:0;
    background:#D9DADB;
    color:#1A171B;
    font-size:12px;
    overflow-y:scroll;
}
.main_div {
    width:950px;
    position:relative;
    margin:0 auto;
}
.header {
    width:940px;
    background:#D9DADB;
    height:75px;
    position:relative;
    
}
.header_logo {
    display:block;
    position:absolute;
    top: 24px;
    left:0;
    width:84px;
    height:31px;
    background:url(/public/images/v2/default-logo_top_beta.png);
}
.header_saveme {
    display:block;
    position:absolute;
    top:10px;
    right:55px;
    width:182px;
    height:54px;
    background:url(/public/images/v2/default-save_me_small.png)
    
}
.header_user {
    display:block;
    position:absolute;
    top:27px;
    right:55px;
    height:20px;
    line-height:20px;
    padding:0 6px;
    background:#EE1F47;
    color:#fff;
}
.header_user_open {
    display:none;
    position:absolute;
    top:27px;
    right:55px;
    height:50px;
    color:#000;
    width:200px;
    z-index:10;
}
.header_user_open_top {
    display:none;
    position:absolute;
    top:0px;
    right:0px;
    height:20px;
    line-height:20px;
    padding:0 7px;
    background:#eff0f0;
    border:1px solid #c4c4c4;
    border-top:0px none;
}
.header_user_open_bottom {
    display:none;
    position:absolute;
    top:46px;
    right:55px;
    width:130px;
    line-height:20px;
    font-size:11px;
    padding:3px 8px;
    background:#fff;
    border:2px solid #EE1F47;
    z-index:9;
    box-shadow: 0px 3px 8px #777;
    -moz-box-shadow: 0px 3px 8px #777;
    -webkit-box-shadow: 0px 3px 8px #777;
}
.switch_item {
    position:relative;
    line-height:20px;
    height:20px;
    padding:0 20px 0 0;
}
.switch_border {
    border-top:1px solid #999;
}
.twitter_switch {
    position:absolute;
    top:5px;
    right:5px;
    width:24px;
    height:10px;
}
.switch_off {
    background:url(/public/images/v2/default-twitter_off.png);
}
.switch_on {
    background:url(/public/images/v2/default-twitter_on.png);
}

.header_links {
    position:absolute;
    top:0;
    right:0px;
    width:55px;
    height:75px;
    text-align:center;
    line-height:75px;
}
.content_bg {
    position:relative;
    margin-top:9px;
    width:949px;
    background:url(/public/images/v2/default-main_bg_side.png) right repeat-y;
}
.background_corner {
    position:absolute;
    top:-9px;
    left:0px;
    width:949px;
    height:9px;
    background:url(/public/images/v2/default-main_bg_corner.png);
}
.content {
    position:relative;
    width:820px;
    background:#fff;
    padding:50px 60px;
}
.content_nobg {
    position:relative;
    width:940px;
    padding:30px 0px;
}
.background_corner {
    position:absolute;
}
.topborder {
    border-top:5px solid #1A171B;
    
}
.main_teaser {
    position:relative;
    width:820px;
    height:222px;
    padding:35px 0;
}
.teaser_headline {
    color:#00889D;
    font-size:52px;
    line-height:52px;
    font-weight:bold;
    width:400px;
}
.teaser_screenshots {
    position:absolute;
    right:-40px;
    top:35px;
    width:494px;
    height:257px;
    background:url(/public/images/v2/default-screenshots.jpg);
}

.second_teaser {
    padding:35px 0;
    font-size:18px;
    line-height:28px;
    font-weight:bold;
    
}
.action_butttons {
    position:relative;
    padding:35px 0;
}
.action_button {
    float:left;
    width:210px;
    padding: 130px 30px 0;
    height:92px;
    text-align:center;
    font-weight:bold;
}
.link_button {
    background:url(/public/images/v2/default-button_link.png) no-repeat center top;
}
.start_button {
    background:url(/public/images/v2/default-button_start.png) no-repeat center top;
}
.collect_button {
    background:url(/public/images/v2/default-button_collect.png) no-repeat center top;
}
.action_divider {
    float:left;
    width:3px;
    height:222px;
    background:url(/public/images/v2/default-action_divider.png);
}
.action_example {
    white-space:nowrap;
    font-style:italic;
}

.bottom {
    text-align:center;
    
}
.bottom_saveme {
    display:block;
    background:url(/public/images/v2/default-save_me_large.png);
    width:340px;
    height:90px;
    margin:0 auto;
}
.footer {
        width:942px;
        height:38px;
        background:#1A171B;
        text-align:center;
        color:#fff;
        line-height:38px;
}
.footer a {
    color:#fff;
}

.stat_boxes {
    position:absolute;
    right:0px;
    top:17px;
}
.stat_box {
    position:absolute;
    top:0;
    width:90px;
    height:66px;
    background:#c5c6c8;
}
.stat_boxes .stat_1 {
    right:192px;
}
.stat_boxes .stat_2 {
    right:95px;
}
.stat_boxes .stat_3 {
    right:0px;
}
.stat_num {
    position:absolute;
    top:0;
    left:0;
    width:90px;
    height:52px;
    line-height:52px;
    font-size:38px;
    font-weight:bold;
    color:#000;
    text-align:center;
}
.stat_title {
    position:absolute;
    top:42px;
    height:26px;
    width:90px;
    line-height:26px;
    font-size:10px;
    color:#000;
    text-align:center;
    
}

.profile_top {
    height:45px;
    width:940px;
    padding-bottom:25px;
}
.profile_left {
    float:left;
    width:280px;
    margin-right:20px;
}
.profile_left_top {
    height:45px;
    padding-bottom:25px;
    width:280px;
}
#profile_canvas {
    position:relative;
    float:left;
    width:640px;
}
.profile_canvas_top {
    height:45px;
    width:640px;
    padding-bottom:25px;
    margin-bottom:20px;
    border-bottom:1px solid #C5C6C8;
}
.profile_user_info {
    float:left;
    width:280px;
    margin-right:20px;
}
.user_location, .user_data {
    padding-top:20px;
}
.user_full_name {
    font-size:34px;
    font-weight:bold;
    white-space:nowrap;
}
.user_saved_since {
    color:#EE1F47;
    font-size:10px;
}
.user_pic {
    width:280px;
    height:280px;
    overflow:hidden;
}
.user_pic > img {
    position:relative;
}
#user_map {
    position:relative;
    display:block;
    width:280px;
    height:180px;
}
.my_location {
    position:absolute;
    left:105px;
    top:33px;
    width:45px;
    height:57px;
    background:url(/public/images/v2/default-mylocation.png);
}

.friends_list {
    margin-top:20px;
    padding-top:20px;
    border-top:1px solid #b8b8b8;
    width:280px;
}
.friends_title {
    color:#00889D;
    font-weight:bold;
    font-size:18px;
    margin-bottom:10px;
}
.friends_list a {
    display:block;
    float:left;
}
.friends_list img {
    border:0 none;
    width:30px;
    height:30px;
    margin:5px 5px 0 0;
    
}


.timeline_popular {
    height:70px;
    padding-top:8px;
    width:640px;
    font-size:24px;
}
.timeline_popular a {
    color:#00889D;
    font-weight:bold;
}
.timeline_boxes {
    width:640px;
    height: 910px;
    position:relative;
}
.timeline_box {
    position:absolute;
    width:170px;
    height:260px;
    padding:20px;
    background:#fff;
    overflow:hidden;
}
.timeline_box_main {
    position:relative;
    width:600px !important;
    margin-bottom:5px;
    height:auto;
    min-height:210px;
    background:#fff !important;
}

.timeline_box:hover {
    background:#F1EFDF;
}
.box_title {
    color:#00889D;
    font-size:18px;
    line-height:18px;
    height:19px;
    font-weight:bold;
    border-bottom:1px solid #C5C6C8;
    padding-bottom:15px;
}
.timeline_box_main .box_title {
    font-size:12px;
    line-height:12px;
    height:12px;
}
.timeline_box_main .box_title_text {
    float:right;
    font-weight:normal;
}
.timeline_box_main a {
    color:#00889D;
    font-weight:normal;
}
.timeline_box_main .timeline_others {
    clear:both;
    margin-bottom:7px;
    position:static;
}

.main_verb_link {
    color:#00889D;
    text-decoration:none;
    cursor:pointer;
}
.main_verb_link:hover {
    text-decoration:underline;
}

.box_title_text {
    float:left;
}
.box_title_number {
    float:right;
    font-weight:normal;
    font-size:10px;
    text-decoration:underline;
    color:#000;
}
.box_text {
    margin-top:15px;
    line-height:16px;
    overflow:hidden;
}
.timeline_box_main .box_text {
    font-size:14px;
    line-height:22px;
    /*margin-bottom:40px;*/
}
.timeline_main_padder {
    height:90px;
}
.box_details {
    position:relative;
}
.box_timestamp a, .delete_squib {
    font-size:10px;
    margin-top:3px;
    color:#999 !important;
}
.delete_squib {
    color:#00889D !important;
    padding-left:10px;
}
.delete_red {
    color:#ec264c !important;
}
.delete_yes, .delete_no {
    padding:2px 4px;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    background:#ddd;
}
.delete_yes:hover, .delete_no:hover {
    background:#e0d0c0;
}
.box_buttons {
    position:absolute;
    bottom:20px;
    height:16px;
    width:170px;
    border-bottom:1px solid #C5C6C8;
}
.box_buttons:before {
    clear:both;
}
.timeline_box_main .box_buttons, .verb_item .box_buttons {
    width:600px;
    border-bottom:0px none;
    clear:both;
    padding-top:7px;
    position:static;

}
.box_views {
    line-height:9px;
    font-size:11px;
    float:left;
    margin-right:14px;
}
.box_like {
    line-height:9px;
    font-size:11px;
    padding-left:11px;
    background:url(/public/images/v2/default-like_bg.png) no-repeat left center;
    float:left;
}
.like_voted {
    background:url(/public/images/v2/default-like_bg_voted.png) no-repeat left center;
}
.media_icon {
    display:none;
    height:9px;
    float:right;
    margin-left:5px;
}
.video_icon {
    width:13px;
    background:url(/public/images/v2/default-video_icon.png);
}
.image_icon {
    width:7px;
    background:url(/public/images/v2/default-image_icon.png);
}
.link_icon {
    width:9px;
    background:url(/public/images/v2/default-link_icon.png);
}
.box_comments {
    float:right;
    font-size:11px;
    line-height:9px;
    background:url(/public/images/v2/default-comments_bg.png) no-repeat 10px center;
    padding-left:24px;
}
.timeline_box_main .box_comments, .verb_item .box_comments {
    float:left;
    margin-left:17px;
    margin-top:-7px;
    padding:7px 7px 7px 24px;
}
.timeline_box_main .box_comments:hover, .verb_item .box_comments:hover, .box_comment_open {
    background-color:#E8E8E8;
}

.box_share {
    float:right;
    padding:0 0 0 20px;
    font-size:11px;
    line-height:9px;
}
.share_on {
    padding:3px 3px 0 18px;
    color:#000 !important;
    font-weight:normal !important;
    font-size:11px;
}
.share_on_twitter {
    background:url(/public/images/v2/default-twitter_icon.png) no-repeat;
}
.share_on_facebook {
    background:url(/public/images/v2/default-facebook_icon.png) no-repeat;
}
.permalink {
    padding-left:10px;
}
.permalink input {
    height:9px;
    border:0 none;
    background:#e8e8e8;
    font-size:9px;
    width:110px;
    color:#555;
    position:relative;
    top:-1px;
    
}
.verb_header {
    position:relative;
    height:50px;
    padding-top:0px;
}
.verb_header_text {
    font-size:32px;
    color:#000;
}
.verb_header_links {
    margin-top:0px;
}
.verb_header_links {
    position:absolute;
    right:0px;
    top:0px;
}
.verb_header_link {
    display:block;
    text-align:right;
    padding-bottom:6px;
    color:#00889D;
    font-weight:bold;
}
.verb_list {
    width:640px;
    background:#fff;
    z-index:2;
    float:left;
    min-height:500px;
}
.verb_list_header {
    width:405px;
    height:40px;
    background:#ECEDED;
    padding-left:20px;
}
.verb_list_header_link {
    font-size:14px;
    line-height:40px;
    color:#9C9E9F;
    padding-left:12px;
    margin-right:20px;
}
.v_l_h_selected {
    font-weight:bold;
    color:#000;
    background:url(/public/images/v2/default-vlh_triangle.png) center left no-repeat;
}
.verb_item {
    position:relative;
    padding:20px 0;
    margin:0 20px;
    border-bottom:1px solid #C7CDD1;
}
.verb_item_last {
    border-bottom:0px none;
}
.item_text {
    font-size:14px;
}
.item_text a {
    color:#00889D;
    /*font-weight:bold;*/
}
.external_media {
    display:block;
    margin:15px 5px -20px 0;
    float:left;
}
.e_m_large {
    margin-bottom:0px;
}
.timeline_box .external_media img {
    max-width:600px;
    border:0 none;
}
.verb_item .external_media img {
    max-width:600px;
    border:0 none;
}
.verb_others {
    float:right;
    z-index:1;
    width:215px;
    margin-top:20px;
    border-top:1px solid #1A171B;
}
.verb_side_link {
    position:relative;
    padding-left:25px;
    height:57px;
    border-bottom:1px solid #1A171B;
}
.verb_side_title {
    font-size:18px;
    line-height:57px;
    font-weight:bold;
    color:#00889D;
}
.verb_side_total {
    position:absolute;
    right:9px;
    top:0;
    line-height:57px;
}
.verb_side_link:hover, .side_selected {
    background:url(/public/images/v2/default-side_bg.png);
}

.external_media_thumb {
    position:absolute;
    bottom:45px;
    left:20px;
    display:block;
    width:170px;
    height:95px;
    overflow:hidden;
}
.external_media_thumb img {
    position:relative;
    width:170px;
    display:none;
}
.video_icon {
    position:absolute;
    bottom:5px;
    right:5px;
    width:18px;
    height:18px;
    background:url(/public/images/v2/default-video_icon.jpg);
}
.timeline_others {
    position:absolute;
    bottom:45px;
    left:20px;
    width:170px;
    /*height:70px;*/
    overflow:hidden;
}
.others_title {
    color:#666;
    font-size:11px;
    line-height:20px;
}
.other_box {
    display:block;
    float:left;
    width:35px;
}
.other_box img {
    width:30px;
    height:30px;
    border:1px #666;
}
.squib_list {
    font-size:18px;
    float:left;
    width:380px;
    border:1px solid #000;
    padding:8px;
    background:#fff;
    line-height:20px;
}
.squib_list a {
    font-size:15px;
}
.post_squib {
    font-size:18px;
    float:right;
    width:500px;
    border:1px solid #000;
    padding:8px;
    background:#fff;
}
.tiny {
    font-size:10px;
}
.post_squib textarea {
    width:100%;
    height:150px;
}
.site_message {
    font-size:18px;
    width:100%;
    background:#fff;
    border:1px solid #000;
    padding:8px;
    margin-bottom:10px;
}
.feedback_list {
    float:right;
    width:516px;
    background:#fff;
    margin-top:25px;
}


.community_box {
    display:none;
    position:absolute;
    width:170px;
    height:310px;
    padding:20px;
    background:#fffde9;
    overflow:hidden;
}
.community_box a {
    text-decoration:none;
}
.community_box:hover {
    text-decoration:none;
    background:#F1EFDF;
}
.cbox_person {
    position:relative;
    top:0;
    left:0;
    width:170px;
    height:94px;
    border-bottom:1px solid #d1ccbe;
}
.cbox_profile_pic {
    position:absolute;
    top:0;
    left:0;
    width:75px;
    height:75px;
    overflow:hidden;
}
.cbox_profile_pic img {
    border:0 none;
    width:75px;
    height:75px;
}
.cbox_profile_data {
    position:absolute;
    right:0px;
    top:0px;
    width:87px;
    overflow:hidden;
}
.cbox_screen_name {
    font-size:16px;
    font-weight:bold;
    color:#df2d6e;
    margin-bottom:10px;
}
.cbox_stats {
    line-height:15px;
}
.community_box .box_title {
    border-bottom:0 none;
    padding-bottom:0;
    padding-top:15px;
}
.community_box .box_text {
    font-size:11px;
    margin-top:5px;
}
.community_box .external_media_thumb {
    bottom:20px;
}

.the_comments {
    border-bottom:1px solid #E8E8E8;
}
.one_comment, .comment_input {
    position:relative;
    padding:20px;
}
.comment_bg {
    background:#E8E8E8;
}
.comment_pic {
    position:absolute;
    top:20px;
    left:20px;
}
.comment_pic img {
    width:48px;
    height:48px;
}
.comment_main {
    padding-left:70px;
}
.comment_title {
    font-size:12px;
    font-weight:bold;
    margin-bottom:4px;
}
.comment_body {
    font-size:14px;
    line-height:17px;
}
.comment_status, .comment_status a {
    font-size:10px;
    color:#9C9E9F;
    margin-top:4px;
}
.comment_input_body {
    position:relative;
    margin-bottom:10px;
}
.comment_input_textarea {
    font-size:12px;
    height:52px;
    padding:5px;
    width:478px;
}
.comment_input_login {
    position:relative;
    top:17px;
}
.comment_input_login span {
    color:#00889D;
    cursor:pointer;
}
.comment_input_login span:hover {
    text-decoration:underline;
}
.comment_submit {
    position:absolute;
    right:0;
    top:74px;
}
.comment_reply {
    padding-left:10px;
}
.delete_comment {
    padding-left:30px;
}
.comment_reply_input {
    border-top:1px solid #ccc;
    left:0;
    margin-top:15px;
    position:absolute;
}
.comment_input_cancel {
    line-height:33px;
    position:absolute;
    right:107px;
    top:74px;
}
#comment_row_proto {
    display:none;
}

/* Modals and utils */

.feedback_tab {
    position:fixed;
    left:-3px;
    top:300px;
    width:33px;
    height:91px;
    background:url(/public/images/v2/default-feedback_button.png);
}
.feedback_tab:hover {
    left:0px;
}

.modal-feedback {
    display:none;
    position:fixed;
    top:50%;
    left:50%;
    margin-left:-185px;
    margin-top:-150px;
    width:370px;
    height:300px;
    background:#fff;
    box-shadow: 8px 8px 20px #777;
    -moz-box-shadow: 8px 8px 20px #777;
    -webkit-box-shadow: 8px 8px 20px #777;
    padding-top:10px;
}
.feedback_title {
    width:300px;
    padding-left:70px;
    color:#fff;
    font-weight:bold;
    font-size:13px;
    line-height:60px;
    height:60px;
    background:url(/public/images/v2/default-squibr_s_white_on_red.png) left no-repeat #00889D;
}
.feedback_body {
    position:relative;
    margin-top:25px;
    height:150px;
    width:320px;
    margin:25px 25px 0;
}
.feedback_categories {
    position:absolute;
    top:0;
    left:0;
    width:105px;
    line-height:35px;
    font-size:11px;
    color:#808080;
}
.feedback_category {
    border-bottom:1px solid #999;
}
.feedback_category:hover {
    background:url(/public/images/v2/default-raquo_grey.png) right center no-repeat;
}
.f_c_active {
    font-weight:bold;
    color:#000;
    background:url(/public/images/v2/default-raquo_red.png) right center no-repeat !important;
}
.feedback_last {
    border-bottom:0px none;
}
.feedback_content {
    position:absolute;
    top:5px;
    right:0;
    width:205px;
}
#feedback_message {
    width:185px;
    height:110px;
    padding:10px;
    font-size:12px;
    border:1px solid #999;
}
.feedback_footer {
    position:relative;
    line-height:33px;
    text-align:right;
    color:#777;
}
.feedback_error {
    position:absolute;
    top:0;
    left:25px;
    width:140px;
    text-align:left;
    line-height:16px;
    color:#f00;
    font-size:11px;
}
.feedback_cancel:hover {
    text-decoration:underline;
}
.feedback_submit {
    float:right;
    margin:0 25px;
}
.feedback_ty {
    position:absolute;
    top:0;
    left:0;
    width:370px;
    height:300px;
    background:#fff;
    display:none;
    text-align:center;
    line-height:300px;
    font-size:18px;
    font-weight:bold;
}

.generic_button {
    width:98px;
    height:33px;
    display:block;
    line-height:33px;
    text-align:center;
    font-size:14px;
    background:url(/public/images/v2/default-generic_button_hover.png);
    background:url(/public/images/v2/default-generic_button.png);
    color:#000 !important;
}
.generic_button:hover {
    background:url(/public/images/v2/default-generic_button_hover.png);
    text-decoration:none;
}

.ajax-loader {
    position:absolute;
    top:350px;
    left:545px;
    background:url(/public/images/v2/ajax-loader.gif);
    width:220px;
    height:19px;
    display:none;
}

.modal-mask {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#fff;
    display:none;
}
.modal-window, .modal-settings {
    display:none;
    position:fixed;
    top:50%;
    left:50%;
    margin-left:-200px;
    margin-top:-100px;
    width:409px;
    height:200px;
    background:url(/public/images/v2/default-main_bg_side.png) right repeat-y;
}
.modal-message, .modal-settings {
    border:1px solid #1A1718;
    height:110px;
    padding:45px 20px;
    width:360px;
    background:#fff;
    font-size:18px;
    line-height:30px;
    font-weight:bold;
}
.modal-message a {
    position:relative;
    font-size:18px;
    color:#EE1F47;
}
.modal-register {
    display:none;
    position:fixed;
    top:50%;
    left:50%;
    margin-left:-210px;
    margin-top:-95px;
    width:420px;
    height:190px;
    background:#fff;
    box-shadow: 8px 8px 20px #777;
    -moz-box-shadow: 8px 8px 20px #777;
    -webkit-box-shadow: 8px 8px 20px #777;
}
.register_details {
    display:none;
    padding:10px 0 0;
}
#register_intro_text {
    width:340px;
    padding:10px 10px 0 70px;
    color:#fff;
    font-weight:bold;
    font-size:13px;
    line-height:20px;
    height:50px;
    background:url(/public/images/v2/default-squibr_s_white_on_red.png) left no-repeat #00889D;
}
#intro_squib {
    font-size:12px;
    height:40px;
    margin:10px 20px;
    padding:5px;
    width:360px;
}
#post_intro_squib {
    position:absolute;
    right:25px;
}
.register_follow {
    position:absolute;
    top:0;
    left:15px;
    font-size:11px;
}
.register_bottom {
    position:relative;
}
.register_error {
    color:#F00;
    font-size:10px;
    position:absolute;
    left:25px;
    top:20px;
    width:240px;
}
.login_details {
    width:360px;
    height:20px;
    display:none;
    padding:50px 0px;
    font-size:18px;
    text-align:center;
    margin:50px 20px 10px;
    background:url(/public/images/v2/twitter-logo.png) no-repeat top center;
}
.intro_text {
    padding:20px;
    font-size:16px;
    line-height:22px;    
}


#timeline_proto, #box_proto, #verb_proto, #item_proto, #side_proto {
    position:relative;
    display:none;
}
#timeline_proto, #verb_proto {
    min-height:450px;
}
.closeme {
    width:35px;
    height:35px;
    position:absolute;
    top:-16px;
    right:-10px;
    background:url(/public/images/v2/default-blixas_close.png);
}
.pointer {
    cursor:pointer;
    cursor:hand;
}
.anchor {
    color:#00889D;
    cursor:pointer;
}
.anchor:hover {
    text-decoration:underline;
}

.hidden {
    display:none;
}
.visible {
    display:block;
}
.modal-visible {
    display:inherit;
    opacity:0.6;
}
.clearall {
    clear:both;
    height:20px;
    overflow:hidden;
}