* { margin: 0px; padding: 0px; }

    /* -- terrible browser hacks -- */
    select { min-width:1.5em; }

    /* normal html changes */
    p, ol, ul { margin: 10px 0px; }

    img { border: none; }
    img.border { border: 1px solid #999; }
    img.profile_border { vertical-align: middle; }

    body, html { text-align: center; width: 100%; height: 100%; margin: 0px; padding: 0px; background-color: #FFF; font-family: "Helvetica Neue","HelveticaNeue", Helvetica, Arial, "Lucida Grande", Lucida, sans-serif; color: #ffffff; background: #302f30 url(backgrounds/bg_blog.png)top left repeat-x; }
        
    body { font-size: 62.5%; }
    html { font-size: 100%; }

    ol { margin: 15px 0px 15px 20px;}
    ul { margin: 15px 0px 15px 15px;}
    pre { margin: 10px 0px;}

    h1 { font-size: 3.2em; line-height: 1em; }
    h2 { font-size: 1.8em; }
    h3 { font-size: 1.6em; }
    h4 { font-size: 1.4em; }
    h5 { font-size: 1.3em; }
    h6 { font-size: 1.2em; }

    div.post h1 { font-size: 18px; }
    div.post h2 { font-size: 20px; font-weight:normal; }
    div.post h3 { color: #000000; margin-top: 0px;  }
    div.post .bodytext h3 { color: #ffffff; margin-top: 0px; letter-spacing:0; font-size: 1.3em; }
    div.post h4 { font-size: 14px; }
    div.post h5 { font-size: 13px; }
    div.post h6 { font-size: 12px; }
    div.post h1, div.post h2, div.post h3, div.post h4, div.post h5, div.post h6 { margin-top: 30px; }
    div.post h2.posttitle { margin: 15px 0px 15px; color: #ffffff; }
        h2.posttitle a { font-size: 24px; color: #FFCC00; margin-top: 0px; padding-top: 0px; text-decoration: none; padding-bottom: 4px; }
    h2.posttitle a:hover { text-decoration: underline; }

    h1 { letter-spacing: -1px; }
    h2 { letter-spacing: -1px; }
    h3, h4 { letter-spacing: -0.5px; }

    .linkcolor { color: #BC7134; }
    a { color: #FFCC00 !important ; text-decoration: none; }
    
    a[name] { color: #999; text-decoration: none; }
    a[name]:hover { text-decoration: none; }
    a:hover { text-decoration: underline !important; }

    #centerbody { margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; width: 900px; text-align: left; }
    #posterousbar { margin-left: 150px; display: none;}
    
    div.header { width: 500px; margin-top: 40px; margin-bottom: 0px; margin-left: 155px; color: #999; }
    div.header_image { margin-top: 30px; margin-left: 155px; margin-bottom: 30px; }
    div.header_image a { border: none; }
    div.header a { color: #999; }
    div.header a:hover, div.header a:hover span.headerUsername  { text-decoration: none; color: #ccc; }

    div.subhead { width: 500px; margin-top: 10px; margin-bottom: 30px; margin-left: 155px; font-size: 1.4em; color: #999; }
    div.back_to_blog { width: 500px; margin-top: 30px; margin-bottom: 30px; margin-left: 155px; font-size: 1.4em; color: #999; }    

    div.spanningheader { width: 500px; margin-top: 40px; margin-bottom: 15px; margin-left: 155px; font-size: 1.4em;
        border-bottom: 1px solid #ddd; padding-bottom: 2px; color: #424037; }
    div.spanningheader h4 { font-size: 16px; line-height: 20px; }

    div.spanningbody { width: 500px; margin-top: 10px; margin-bottom: 20px; margin-left: 155px;
        font-size: 1.4em; padding-bottom: 3px; color: #999; }

    div.date { float: left; width: 130px; color: #fde47f !important; font-size: 1.4em; padding-top: 30px; text-align: right; }
    div.date a { color: #fde47f !important; font-size: 14px; }

    div.post { float: left; width: 500px; margin-left: 25px; font-size: 1.3em; padding-top: 5px; padding-bottom: 10px; }
    div.post p, div.post blockquote { margin: 18px 0px; }
    div.posterousGalleryMainDiv { margin: 15px 0px 15px;}

    div.postunit { overflow: hidden; width: 700px; margin: 20px 0 20px 0; clear: left; position: relative;}
    div.searchunit { overflow: hidden; width: 700px; margin-bottom: 50px; clear: left; }
    div.tagunit { overflow: hidden; margin-left: 155px; width: 500px; margin-bottom: 25px; clear: left; padding-bottom: 0px; }        

    div.pagepagination { margin-left: 150px; margin-top: 0px; margin-bottom: 50px; overflow: hidden; clear: left; }

    div.sidebar { float: right; width: 175px; margin-top: 20px; font-size: 1.2em; color: #999; }
    div.sidebar h4 { color: #ffffff; font-weight:normal; }
    div.sidebar p { margin-top: 15px; }

    div.user_info { margin-top: 20px; }
    div.user_info p { margin-top: 10px; }

    div.post_location { margin-top: 10px; width: 100%; height: 175px; border: 1px solid #ababab; }

    /* pagination */
    .pagination { padding: 3px; margin: 3px; }
    .pagination a { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #ccc; text-decoration: none; color: #ccc; }
    .pagination a:hover, .pagination a:active { border: 1px solid #ca9d00; color: #BC7134; }
    .pagination span.current { padding: 2px 5px 2px 5px; margin: 2px; font-weight: bold; border: 1px solid #BC7134;
      background-color: #ca9d00; color: #FFF; }
    .pagination span.disabled { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #eee; color: #ddd; }


    #topnav ul { list-style: none; margin: 0px; padding: 0px; }
    #topnav li { display: inline; border-left: 1px solid #999; padding-left: 6px; margin-left: 4px; }
    #topnav li.first { border-left: none; }

    .metricLabel { font-size: 10px; color: #999; }
    .metricValue { font-size: 10px; color: #ffffff; font-weight: bold; }

    .sms_notice { font-size: 11px; color: #999; }

    div.sidebar h5 { font-size: 1.2em; font-weight: normal; color: #ffffff; }
    div.sidebarunit { margin-top: 30px; }

    div.tags h5 { font-size: 10px; font-weight: normal; color: #999; }
    div.tags ul { margin-left: 0px; }
    div.tags li { list-style-type: none; color: #999; }
    div.tags li a { color: #aaa; }
    div.tags li a:hover { color: #BC7134; }
    div.tag_item_selected b { color: #444; }


    div.taglist ul { margin: 0px 0px; }
    div.taglist li { list-style-type: none; color: #999; }
    div.taglist li span.instances { color: #999; font-size: 10px; }

    div.editbox { font-size: 10px; position: absolute; left: 155px; top: 0px; visibility: hidden !important; line-height: normal !important; height: 16px;}
    div.editbox ul.mini_commands { margin-top: 0px; line-height: normal !important; visibility: hidden !important; }
    div.postunit:hover div.editbox, div.postunit:hover div.editbox ul.mini_commands { visibility: visible !important; }
    div.editbox a { color: #999; }
    div.editbox a:hover { color: #BC7134; }

    .ajaxResult { color: #090; font-size: 10px; }
    div.ajaxResult { margin-bottom: 10px; }

    div.flashheader { padding: 0px 8px 0px 8px; }


    input[type='text'].searchbox { font-size: 12px; padding: 2px; padding-left: 20px;
        background: url(images/icons/search16.png) center left no-repeat;
        background-position: 3px;  background-color: #fff;
        -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
    }

    input[type='submit'].searchbox_button { font-size: 10px; padding: 2px; margin: 5px 0px 0px 0px; }

    ul.contributors { margin-top: 0px; list-style: none; margin-left: 0px; }
    ul.contributors li { list-style: none; margin-left: 0px; }

    div.posted_by { font-size: 10px; color: #999; margin-top: 0px; margin-bottom: 5px;  float: right;}
    div.posted_by a { color: #999;}
    div.posted_by a:hover { color: #BC7134; text-decoration: none;}
    div.posted_by a img { color: #999; opacity: 0.5; width: 10px; height: 10px;}
    div.posted_by a:hover img { color: #999; opacity: 1; width: 20px; height: 20px;}

    div.bodytext { margin-bottom: 20px; line-height: 1.7em; }
    div.bodytext > *:first-child { margin-top: 0px !important; margin-bottom: 0px !important; }
        div.bodytext div, div.bodytext p { background-color: transparent !important; color: #ffffff !important;}
        div.bodytext ul li, div.bodytext ol li { color: #ffffff; }
    
    /* comments */
    div.comment_list { margin-top: 0px; }
    div.comment { float: left; width: 500px; margin-left: 25px; font-size: 12px; line-height: 20px; border-top: 1px solid #;}
    div.comment_loading_div { margin-left: 150px; }
    div.comment_label { float: left; width: 130px; color: #C6C1A5;
        font-size: 14px; padding-top: 2px; margin-top: 0px; text-align: right; }
    div.comment_spacer { float: left; width: 130px; color: #999;
        font-size: 14px; padding-top: 14px; text-align: right; display: block; }
    div.comment_value { float: left; margin-left: 25px; width: 500px; line-height: 18px; font-size: 12px; }
    div.comment_avatar { float: none; margin-top: 10px; }
    div.commentunit div.profile_icon { margin-top: 5px; }
    div.comment_date { color: #C6C1A5; font-size: 14px; }
    div.commentunit { margin: 10px 0px; color:#ffffff; }
    div.commentname { font-size: 12px; margin-bottom: 5px; }
    div.comment_none_yet_msg { color:#ffffff; font-weight:normal; margin-top:20px; }
    
    div.posterous_bar { float: right; margin-top: 10px;  }
    div.posterous_header { margin-left: 150px; width: 100px; }
    div.posterous_flash { margin-left: 150px; width: 500px; }
    
    div.searchbox_mini { width: 145px; }
    div.searchbox_large { width: 350px; }

    div.searchunit h3 { color: #ffffff; margin-bottom: 15px; font-weight: normal; font-size: 1.6em; }
    div.searchunit form { overflow: hidden; padding-bottom: 15px; }    
    div.searchunit .searchsort { margin-top: 10px; }
    
    /* forms */
    input, select, textarea { color: #444; font-size: 1.6em; font-family: "Lucida Grande", sans-serif;
        line-height:1.3em !important; padding: 5px; }
    input[type='text'], input[type='password'], select, textarea { background-color: #fff; border: 1px solid #ccc; }
    input[type='button'], input[type='submit'] { height: 2em; font-size: 1.4em; color: #444; margin-top: 10px; }


    /* tables */
    table { font-size: 11px; border: none; margin: 10px 0px 0px 0px; border-spacing: 0px; line-height: 16px; text-align: left; }
    td { border: none; border-bottom: 1px solid #eee; padding: 4px; margin: 0px; vertical-align: top; }
    th { text-align: left; font-weight: bold; padding: 4px; border: none; border-bottom: 1px solid #ccc; vertical-align: bottom; }
    hr { margin-top: 10px; margin-bottom: 10px; border: 1px solid #ddd; }


    /* New styles added explicitally for TweetDeck */

    #container { width: 100%; }
    #content { width: 100%; }
    #content-blocks { clear: both; }

        #header_container { width: 100%; background: #303131 url(backgrounds/bg_header.png) top left repeat-x; min-height:78px; height:auto !important; height:78px; }
#header { width: 980px; margin: 0px auto; }
        #header h1 { width: 171px; height: 37px; margin: 23px 0 0 5px; float: left; background: transparent url(tweetdeck_logo_new.png) no-repeat top left; }
        #header h1 a { display: block; width: 171px; height: 37px; text-indent: -9000px; }
    #header ul { float: right; width: 760px; text-align: right; margin: 1px 7px 0 0; font-size: 1.3em; }
        #header ul li { float: right; margin-left: 24px; font-weight: normal; line-height: 15px; list-style-type: none; }
            #header ul li.twitter { margin-left: 20px; padding-left: 20px; }
            #header ul li a { font-weight: normal; text-shadow: rgba(0,0,0,1) 0 1px 1px; }

    #header ul#signin { margin: 8px 7px 4px 0; font-size: 0.8em; display:block; min-height:14px; height:auto !important; height:14px; }

        
    #page_content_container { width: 100%; background: #292929 url(backgrounds/bg_middle.png) top left repeat-x; min-height:300px; height:auto !important; height:300px; }
        #centerbody { width: 980px; margin: 0px auto; padding: 30px 0; }
        
    #footer_container { width: 100%; background: #1f1f1f url(backgrounds/bg_footer.png) top left repeat-x;  min-height:190px; height:auto !important; height:190px; }
#footer { width: 980px; margin: 0px auto; padding: 13px 0 0 0; font-size: 10px; overflow: hidden; clear: both; }
    #footer a { color: #fff; padding-left: 10px; font-weight: bold; }
    #footer .links { float: left; width: 400px; color: #fff !important; text-align:left; }
        #footer .links a { color: #fff !important; padding-left: 10px; font-weight: bold;}
    #footer img#bird { float: left; margin-left: 77px; }
    #footer .legal { float: right; font-weight: normal; margin-right: 3px; color: #fff !important; }
        #footer .legal a { color: #fff !important; }
     #footer .twitter_link { border-left: 1px solid #ffffff; padding-left: 10px; margin-left: 10px; }

    #recognition { overflow: hidden; padding-top: 20px; margin-bottom: 40px; padding-left: 20px; }
        #recognition blockquote { float: left; display: block; width: 280px; padding: 0 0 0 20px; background: transparent url(homepage/bg_quote_start.png) top left no-repeat; border-left: none !important; margin-top: 0px; }
        #recognition blockquote p { display: block; font-size: 14px; font-weight: normal; padding-right: 20px; margin-right: 20px; background: transparent url(homepage/bg_quote_finish.png) bottom right no-repeat; margin: 0px 0px 15px 0px; color: #7c7c7c; text-align: left; line-height: 1.5em; }
                #recognition blockquote p a { color: #7c7c7c; text-decoration: none; padding-left: 0px; }
                #recognition blockquote p a:hover { color: #7c7c7c; text-decoration: none; }
            #recognition blockquote cite { display: block; background: transparent url(homepage/bg_quote_cite.png) top left no-repeat; }
        #recognition blockquote cite span { display: block; position: relative; text-indent: -9999px; margin-left: 20px; height: 18px; }
                #recognition blockquote cite.time span { background: transparent url(homepage/quote_time.png) top left no-repeat; }
                #recognition blockquote cite.cbs span { background: transparent url(homepage/quote_cbs.png) top left no-repeat; }
                #recognition blockquote cite.klingon span { display: block; position: relative; text-indent: 0px; margin-left: 20px; top: -4px; color:#7c7c7c;}

        #recognition ul.awards { float: left; width: 280px; text-align: center; border-left: 1px solid #666666; border-right: 1px solid #666666; margin: 0 25px; }
            #recognition ul.awards li { display:inline; padding: 0 15px; }
                #recognition ul.awards li a { padding-left: 0px; }
                    #recognition ul.awards li a img {  }
        

    /* Countering Posterous Blog Styles */
        .sidebar .user_info { display:none; }
        .sidebar .contributors { display:none; }
    
        a#posterous_footerbar { display: none !important; }
        
        html body div#posterous_required_header { display:none !important; }
        
    #posterous_required_headerexpanded_content {  }
        .posterousHeaderLight .posterousHeaderPrimary, .posterousHeaderLight .posterousHeaderPrimary a { color:#ffffff !important; text-shadow:none; }
            .posterousHeaderLight .posterousHeaderPrimary .navbar_selected { color:#FFCC00; }
        .posterousHeaderLight .posterousHeaderAccount, .posterousHeaderLight .posterousHeaderAccount a { color:#ffffff !important; text-shadow:none; }
        .posterousHeaderLight .posterousHeaderSecondary, .posterousHeaderLight .posterousHeaderSecondary a { color:#ffffff !important; text-shadow:none; }
        .posterousHeaderLight .posterousHeaderActions, .posterousHeaderLight .posterousHeaderActions a  { color:#ffffff !important; text-shadow:none; }
        .posterousHeaderLight #posterousHeaderNotLoggedIn, .posterousHeaderLight #posterousHeaderNotLoggedIn a  { color:#ffffff !important; text-shadow:none; }

        .posterousHeaderLight .posterousHeaderItemValue, .posterousHeaderLight .posterousHeaderItemValue a { color:#ffffff; text-decoration:none; }
            .posterousHeaderLight a:hover .posterousHeaderItemValue { color:#ffffff; text-decoration:underline; }
        .posterousHeaderLight .posterousHeaderItemName, .posterousHeaderLight .posterousHeaderItemName a { color:#ffffff; text-decoration:none; }
            .posterousHeaderLight a:hover .posterousHeaderItemName { color:#ffffff; text-decoration:underline; }
            
        .posterousHeaderItem a .posterousHeaderItemName { color:#ffffff; text-decoration:none; }
            .posterousHeaderItem a:hover .posterousHeaderItemName { color:#ffffff; text-decoration:underline; }