My Posterous style

posterous.css

* {padding:0;margin:0;}
img {border:0;}
.clear {clear:both;font-size:5px;}
.left {float:left;}
.right {float:right;}
.text-right {text-align:right;}
.center {text-align:center;}
.small {font-size:.857em !important;} /* 12px */
.xsmall {font-size:.786em !important;} /* 11px */
.xxsmall {font-size:9px;}
.normal {font-size:12px !important;}
.big {font-size:14px !important;}
.bigger {font-size:16px !important;}
.black {color:#000;}
.green1,.green1:hover {color:#7ba709;}
.green2,.green2:hover {color:#6f9904;}
.darkgray {color:#333;}
.strong {font-weight:bold;}
.absolute-right {position:absolute;top:0;right:0;}
.white {color:#fff;}
.red {color:#f00;}

header,hgroup,footer,aside,nav,article,section {display:block;}

/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      FontSite Inc.
 * License URL: http://www.fontspring.com/fflicense/fontsite
 *
 *
 */

@font-face {
    font-family: 'AlternateGothicFSNo3';
    src: url('/themes/proper/AlternateGothicNo3-webfont.eot');
    src: local('?'), url('/themes/proper/AlternateGothicNo3-webfont.woff') format('woff'), url('/themes/proper/AlternateGothicNo3-webfont.ttf') format('truetype'), url('/themes/proper/AlternateGothicNo3-webfont.svg#webfontUJOPMwss') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    background:{color:Background};
    color:{color:Body};
    font-family:Arial, Helvetica, sans-serif;
    font-size:.875em; /* 14px */
    -webkit-font-smoothing: antialiased;
}

a {
    color:{color:Links};
    text-decoration:underline;
}

.container {
    min-width:1000px;
}

table#frame {
    bottom:0;
    font-size:1em;
    height:100%;
    margin:0; /* override default */
    position:absolute;
    top:0;
    width:100%;
}

    #frame td {
        border:0; /* override default */
        padding:0; /* override default */
    }

header#page_header {
    background:#252525;
    border-right:solid 1px #000;
    bottom:0;
    left:0;
    padding:20px 0;
    position:fixed;
    overflow:hidden;
    top:0;
    width:219px;
    z-index:10;
}

    article header h1 {
        font-family:AlternateGothicFSNo3,"Arial Narrow";
        font-size:2.2em;
        font-weight:normal;
        line-height:1em;
        text-transform:uppercase;
    }
    
        header#page_header h1.header_image {
            text-align:center;
        }

        article header h1 a {
            color:{color:Headers} !important;
            text-decoration:none;
        }
        
        article header h1 a:hover {
        }

header#page_header hgroup {
}

    header#page_header hgroup h1 {
        font-family:AlternateGothicFSNo3,"Arial Narrow";
        font-size:2.571em;
        font-weight:normal;
        line-height:1em;
        padding:0 20px 10px;
        text-transform:uppercase;
    }

        header#page_header hgroup h1 a {
            color:{color:LeftSidebar};
            text-decoration:none;
        }

    header#page_header hgroup h2 {
        color:{color:LeftSidebar};
        font-size:1em;
        font-weight:normal;
        margin:0;
        padding:5px 20px 0;
    }


nav#navigation {
    padding:30px 0;
}

    nav#navigation li {
        font-family:AlternateGothicFSNo3,"Arial Narrow";
        font-size:1.571em;
        line-height:1.25em;
        list-style:none;
        margin-top:0; /* override default */
        text-transform:uppercase;
    }
    
        nav#navigation li a {
            border-top:solid 1px #111;
            border-bottom:solid 1px #3f3f3f;
            color:{color:LeftSidebar};
            display:block;
            padding:9px 20px;
            text-decoration:none;
        }
        
        nav#navigation li:first-child {
            border-top:solid 1px #3f3f3f;
        }
        
        nav#navigation li:last-child {
            border-bottom:solid 1px #111;
        }
        
        nav#navigation li a.current {
            background:#000;
            border-bottom:0;
        }
        
        nav#navigation li a:hover {
            background:#2f2f2f;
        }
        
        nav#navigation li a:active {
            background:#202020;
        }

nav#navigation ul li a.current {
}


form.search input.text {
    font-size: 12px;
    padding: 2px 2px 2px 20px;
    border: 1px solid #ccc;
    background:#fff url('/images/icons/search16.png') no-repeat 3px 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

td.sidebar {
    border-left:solid 1px #d9d9d9;
    background:#eaeaea;
    font-size:1.091em;
    padding:20px !important;
    width:179px;
}

aside#sidebar {
}

    aside#sidebar a {
        color:{color:Links};
        text-decoration:none;
    }
    
    aside#sidebar a:hover {
        text-decoration:underline;
    }

aside#sidebar section {
    display:block;
    padding:15px 0;
}

    aside section#profile {
        padding-top:0;
    }

    aside#sidebar section h1,.profile-link {
        color:{color:Headers} !important;
        font-family:AlternateGothicFSNo3,"Arial Narrow";
        font-size:1.286em;
        font-weight:normal;
        text-transform:uppercase;
    }
    
    aside#sidebar section ul li {
        font-size:.786em;
        list-style: none;
        line-height:1.2em;
    }
    
    aside#sidebar section div.archive_list {
      font-size:.786em;
      line-height:1.2em;   
    }
    
    aside#sidebar section div.archive_list div.archive {
        margin-bottom:5px;  
        margin-top:5px;      
    }
    
    aside#sidebar section div.archive_list div.inner {
      margin-left:10px;
      line-height:1.5em;
    }
    
    
    .profile_image {
        background:#fff;
        border:solid 1px #797878;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;
        -moz-box-shadow:0 0 4px rgba(0,0,0,.4);
        -webkit-box-shadow:0 0 4px rgba(0,0,0,.4);
        box-shadow:0 0 4px rgba(0,0,0,.4);
        margin-bottom:10px;
        padding:5px;
    }
     
     .profile p {
         line-height:1.25em;
         padding-top:10px;
     }
     
     .external {
         padding-top:5px;
     }

#search {
    padding:15px 0;
}

    #searchbox {
        background:url(/themes/proper/search-black-50.png) no-repeat 7px 7px #fff;
        border:solid 1px #cecaca;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;
        font-size:14px;
        padding:3px 5px 3px 23px;
        width:165px;
    }
    
    #searchbox_button {
        font-family:Arial, Helvetica, sans-serif;
        font-size:.875em;
        font-weight:bold;
        height:auto;
        margin-top:5px;
        padding:3px 10px;
    }

section#search_results {
    background:#eee;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:solid 1px #ccc;
    padding:10px;
    margin-bottom:35px;
}

    section#search_results .submit {
        font-size:.875em;
        font-weight:bold;
        height:auto;
        margin-top:5px;
        padding:3px 10px;
    }

    section#search_results h1,section#filed_under h1 {
        color:{color:Headers};
        font-family:AlternateGothicFSNo3,"Arial Narrow";
        font-size:1.429em;
        line-height:1em;
        text-transform:uppercase;
    }
    
    section#filed_under h1 {
        font-size:1em;
        margin-bottom:25px;
    }
    
    section#search_results ul {}
        
        section#search_results li {
            display:inline-block;
            font-size:.786em;
            list-style:none;
            margin-right:5px;
        }
        
    .back_to_blog {
        display:block;
        font-weight:bold;
        margin-bottom:15px;
        text-decoration:none;
    }

section#contributors li a:first-child {
    padding-right:3px;
    text-decoration:none;
}

    section#contributors li a img {
        background:#fff;
        border:solid 1px #797878;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;
        -moz-box-shadow:0 0 3px rgba(0,0,0,.4);
        -webkit-box-shadow:0 0 3px rgba(0,0,0,.4);
        box-shadow:0 0 3px rgba(0,0,0,.4);
        height:20px;
        padding:2px;
        vertical-align:middle;
        width:20px;
    }
    
    section#contributors li a {
        vertical-align:middle;
    }

    section#subscriptions {
        padding-bottom:3px !important;
        font-size:.786em;    
    }

        section#subscriptions h1 {
            padding-bottom:5px;
        }

    section#rss {
        padding-top:3px !important;
    }

    section#subscriptions a {
        font-size:1em;
        height:14px;
    }

    section#rss a {
        display:block;
        font-size:.786em;
        height:14px;
        padding-left:18px;
    }

    section#subscriptions .subscribe-site {
        background:url(/images/favicon.png) no-repeat -1px -1px;
    }

    section#subscriptions .subscribe-site div {
        padding-left:18px;
    }

    section#rss a {
        background:url(/images/feed-icon-14x14.png) no-repeat -1px -1px;
    }


section#statistics {
}

section#statistics strong {
}

section#tags li.selected a {
    font-weight:bold;
}

    section#tags li.selected a:hover {
        cursor:pointer;
    }

section#fans {
}

    section#fans h1 {
        font-size:.786em;
    }

    section#fans li {
        list-style:none;
    }

        section#fans li a img {
            background:#fff;
            border:solid 1px #797878;
            -moz-border-radius:3px;
            -webkit-border-radius:3px;
            border-radius:3px;
            -moz-box-shadow:0 0 3px rgba(0,0,0,.3);
            -webkit-box-shadow:0 0 3px rgba(0,0,0,.3);
            box-shadow:0 0 3px rgba(0,0,0,.3);
            height:20px;
            padding:2px;
            vertical-align:middle;
            width:20px;
        }
        
        section#fans li a {
            color:{color:PostInfo};
            font-size:.786em;
            text-decoration:none;
            vertical-align:middle;
        }

article header aside.sms {
    font-size: 11px;
}

footer section.locations h1 {
    font-weight: normal;
    line-height: 21px;
    margin-top: 0px;
}

input, select, textarea {
    font-size: 1.6em;
    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: #000;
    margin-top: 10px;
}

section.share {
    margin-bottom: 18px;
}

#post_column {
    padding:20px 30px 20px 30px;
    position:relative;
}
        
        #post_column a {
            color:{color:Links};
        }
        
        #post_column a:hover {
        }

    div#articles {
    }
    
        article {
            margin-bottom:75px;
            position:relative;
        }
        
            article header {
                padding-bottom:5px;
            }
            
            article header section {
                min-height:40px;
                padding-top:17px;
            }
            
            article header aside.sms {
                float:left;
                padding-top:10px;
            }
        
        div.editbox {
            height:16px;
            position:absolute;
            top:-18px;
            visibility:hidden;
        }
        
            div.editbox ul.mini_commands {
                margin-top:0;
            }
            
                ul.mini_commands li a {
                    color:{color:Links};
                }
            
            article:hover div.editbox {
                visibility:visible;
            }
            
        article div.body {
            padding-top:10px;
        }
        
            article div.body div.inner {
                font-family:Georgia, "Times New Roman", Times, serif;
                line-height:1.6em;
                min-width:500px;
                text-align:justify;
            }
            
                article div.body div.inner > :first-child {
                    margin-bottom:0;
                    margin-top:0;
                }
                
                article div.body div.inner > p:first-child {
                    /* margin-top:15px; */
                }
                
                article div.body p, article div.body blockquote {
                    margin:15px 0 18px;
                }
                
                article div.body div.posterousGalleryMainDiv {
                    margin:0 0 15px;
                }
                
                div.posterousVideoMainDiv {
                    margin:0;
                }
                
                .posterousGalleryMainDiv a.posterousGalleryMainlink {
                    text-decoration:none !important;
                }
                
                article div.body div.inner a {
                    text-decoration:underline;
                }
                
                    article div.body div.inner a:hover {
                    }
                    
                    article div.body div.inner ul,article div.body div.inner ol {
                        padding-bottom:5px;
                        padding-left:30px;
                    }
                    
                .inner blockquote {
                    border-left:solid 4px #eee !important;
                }
                
        article footer {
            margin-top:10px;
            position:relative;
        }

            footer section {
                margin-bottom:10px;
            }
            
                footer section.author {
                    color:{color:PostInfo};
                    font-size:.786em;
                    padding-bottom:10px;
                }
                
                    footer section.author a {
                        color:{color:PostInfo} !important;
                    }
                
                    footer section.author h1 {
                        display:inline;
                        font-size:1em;
                        font-weight:normal;
                    }
        
        footer section.comments_box {
            background:#eee;
            -moz-border-radius:5px;
            -webkit-border-radius:5px;
            border-radius:5px;
            border:solid 1px #ccc;
            margin-top:15px;
            padding:10px;
        }

            footer section.comments h1,.commentcount {
                font-size:1em;
                font-weight:normal;
            }
            
                footer section.comment_create h1 {
                    position:relative;
                }
            
                .commentcount a,.comments_list h1.commentcount-show {
                    background:url(http://themes.corywatilo.com/themes/assets/icon-comment-gray.png) no-repeat;
                    color:{color:Headers} !important;
                    display:block;
                    font-family:AlternateGothicFSNo3,"Arial Narrow";
                    font-size:1.286em;
                    font-weight:normal;
                    height:20px;
                    padding:2px 0 0 24px;
                    text-decoration:none;
                    text-transform:uppercase;
                }
            
            div.comment_none_yet_msg {
                font-style:italic;
                font-weight:normal;
                margin-top:5px;
            }
            
            .commentunit .comment_value label {
                color:{color:Body} !important;
            }
            
            footer section.comments section h1 {
                font-size:1em;
                font-weight:bold;
            }
            div.comment {
            }
            
            div.comment b {
                font-weight:normal;
            }


            div.comment_label {
                padding-top: 2px;
                margin-top: 0px;
            }
            
            
            div.comment_date {
            }
            
            div.commentunit {
                /* margin: 10px 0px; */
            }
            
            .comment_profile_description {
                font-weight:bold;
            }
            
                .comment_profile_description div {
                    font-weight:normal;
                }
            
            div.comment_value {
            }

            div.comment_avatar {
                margin-top:10px;
            }

            div.commentunit div.profile_icon {
                margin-top:5px;
            }

            div.commentname {
                margin-bottom:5px;
            }

            div.comment_loading_div {
            /* margin-left:155px; */
            }
            
            div.comment_area {
                clear:left;
                float:left;
            }
                
                footer section.comments h4 {
                }
                
                .comment_value input[type="submit"] {
                    font-family:Arial, Helvetica, sans-serif;
                    font-size:.875em;
                    font-weight:bold;
                    height:auto;
                    margin-top:5px;
                    padding:3px 10px;
                }
                
                footer section .comment_loading_div,.loading {
                    background:url(http://themes.corywatilo.com/assets/loading1-white.gif) no-repeat;
                    display:inline-block;
                    height:11px;
                    width:16px;
                }
                
                footer section .comment_loading_div {
                    margin-top:5px;
                }
                
                    footer section .comment_loading_div img {
                        display:none;
                    }

div.posterous_comments h4, div.spanningheader h4 {
    margin:0;
}

article footer time div {display:inline;}

footer section.tags {
    color:{color:PostInfo};
    font-size:.786em;
    padding-bottom:10px;
}
    
    footer section.tags a {
        color:{color:PostInfo} !important;
    }

    footer section.tags h1 {
        display:inline;
        font-size:11px;
        margin:0;
        padding-right:5px;
    }
    
    footer section.tags h1 span {
        font-weight:normal;
    }
    
    footer section.tags ul {
        display:inline;
        margin:0;
    }
    
    footer section.tags ul li {
        display:inline;
        list-style:none outside none;
        padding-right:10px;
    }
    
    footer section.tags ul li a {
        color:{color:Links};
    }
    
    footer section.locations {
        margin-bottom:0;
    }
    
    footer section.locations h2 {
        font-size:11px;
        margin-top:0;
    }
    
    footer section.locations ul {
        display:block;
        margin:0;
    }
    
    footer section.locations ul li {
        display:block;
        list-style:none outside none;
    }
    
    footer section.locations div.location_detail {
        background:#eee;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:5px;
        border:solid 1px #ccc;
        margin:10px 0;
        overflow:auto;
        padding:8px;
    }
    
    footer section.locations div.location_detail div.map {
        float:left;
        height:150px;
        width:300px;
    }
    
    footer section.locations div.location_detail div.summary {
        color:{color:Body};
        float:left;
        padding-left:10px;
        width:172px;
    }
    
    footer section.share, footer section.tags, footer section.locations {
        display:block;
        /* margin-left:155px; */
    }

footer#pagination {
    /* margin-left:155px; */
    overflow:hidden;
    padding-bottom:50px;
}

    .pagination {
        font-family:AlternateGothicFSNo3,"Arial Narrow";
        font-size:1.429em;
        margin:3px;
        padding:3px;
        text-align:center;
        text-transform:uppercase;
    }

    .pagination a {
        border:solid 1px {color:Links};
        border:solid 1px rgba(0,0,0,.3);
        color:{color:Links};
        margin:2px;
        padding:0 5px;
        text-decoration:none;
    }
    
    .pagination span.disabled {
        display:none;
    }
    
    .pagination a:hover, .pagination a:active {
        border:solid 1px #000;
    }
    
    .pagination span.current {
        color:{color:Body};
        font-weight:bold;
        padding:2px 5px;
        margin:2px;
    }

footer section.share {
height:25px;
}
    
.cw {
    color:#ccc;
    font-family:AlternateGothicFSNo3,"Arial Narrow";
    font-size:1.714em;
    padding:20px 30px 0 250px;
    text-align:center;
    text-transform:uppercase;
}

    .cw a {
        color:#aaa !important;
        text-decoration:none;
    }

/* misc */

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

    div.retweet {
    background:url("/images/icons/services/twitter11.png") no-repeat scroll left center transparent;
    display:inline-block;
    min-height:11px;
    min-width:1px;
    padding-left:15px;
    vertical-align:middle;
    }
    
    .twitter-share-button {
    float:left;
    }
    
    div.facebook_like {
    display:inline;
    float:left;
    margin-left:5px;
    position:relative;
    }

table {
border:medium none;
border-spacing:0;
font-size:11px;
line-height:16px;
margin:10px 0 0;
text-align:left;
}

    td {
    border-color:-moz-use-text-color -moz-use-text-color #EEEEEE;
    border-style:none none solid;
    border-width:medium medium 1px;
    margin:0;
    padding:4px;
    vertical-align:top;
    }
    
    th {
    border-color:-moz-use-text-color -moz-use-text-color #CCCCCC;
    border-style:none none solid;
    border-width:medium medium 1px;
    font-weight:bold;
    padding:4px;
    text-align:left;
    vertical-align:bottom;
    }

hr {
border:1px solid #DDDDDD;
margin-bottom:10px;
margin-top:10px;
}

div.posterousListComments div.comment, div.posterousAddNewComment div.comment, div.posterousAddNewComment div.comment_value {
/* margin-left:25px; */
}

aside.private {
margin-top:10px;
position:relative;
}

    aside.private:hover div.private_post_message {
    display:block;
    }
    
    div.private_post_message {
    -moz-border-radius:5px 5px 5px 5px;
    -moz-box-shadow:0 3px 10px rgba(0, 0, 0, 0.23);
    background:-moz-linear-gradient(center top , #FFFFFF, #F2F2F2) repeat scroll 0 0 transparent;
    border:1px solid #AAAAAA;
    display:none;
    padding:10px;
    position:absolute;
    right:0;
    text-align:left;
    top:0;
    width:100px;
    }
    
    div.private_post_message h1 {
    float:none;
    font-size:11px;
    margin:0 0 5px;
    padding:0;
    width:auto;
    }
    
    div.private_post_message p {
    font-size:10px;
    margin:0;
    }
    
    div.posterous_retweet_widget {
    margin:0 0 10px;
    }