@media screen
{

    h4
    {
        width: 70%;
    }

    .blog-post-infobar-top,
    .blog-post-infobar-bottom
    {
        width:          70%;
        color:          #888888;
        text-transform: uppercase;
        font-size:      .75em;
        margin:         0px;
        padding:        0px;
        padding-bottom: 5px;
        border-bottom:  1px solid #DDDDDD;
    }

    .blog-post-infobar-top li,
    .blog-post-infobar-bottom li,
    .blog-post-infobar-bottom li ul
    {
        display:        inline;
    }
    
    .blog-post-infobar-top .blog-post-posted-by
    {
        display:        block;
    }
    
    .blog-post-infobar-top .blog-post-published-date,
    .blog-post-infobar-bottom .blog-post-published-date
    {
        padding-left: 16px;
        background: transparent url(/img/blog/icon-date.gif) no-repeat scroll top left;
    }

    .blog-post-infobar-top .blog-post-stat-comments,
    .blog-post-infobar-bottom .blog-post-stat-comments
    {
        padding-left: 16px;
        background: transparent url(/img/blog/icon-comments.gif) no-repeat scroll top left;
    }
    
    .blog-post-infobar-top .blog-post-permalink,
    .blog-post-infobar-bottom .blog-post-permalink
    {
        padding-left: 16px;
        background: transparent url(/img/blog/icon-link.gif) no-repeat scroll top left;
    }
    
    .blog-post-infobar-bottom
    {
        border-bottom:  none;
        margin-bottom:  2em;
    }
    
    .blog-post-status
    {
        color: red;
        font-weight: bold;
    }
    
    .blog-post-content,
    .blog-post-excerpt
    {
        width: 70%;
        text-align: justify;
    }
    
    div.blog-sidebar-archive-container
    {
        font-size: .9em;
        width: 25%;
        float: right; 
        clear: right; 
        border-top: 1px solid #888888;
        border-bottom: 1px solid #888888;
        margin-top: 15px;
    }
    
    ul.blog-sidebar-archive 
    {
        margin-left: 0;
        padding-left: 0;
    }
    
    ul.blog-sidebar-archive li ul
    {
        margin-left: 8px;
        padding-left: 0;
    }
    
    ul.blog-sidebar-archive li
    {
        list-style: none;
    }
    
    ul.blog-sidebar-archive li ul li ul li
    {
        list-style: none;
        border-bottom: 1px dashed #DDDDDD;
    }
    
    span.blog-sidebar-archive-selector-year,
    span.blog-sidebar-archive-selector-month
    {
        color: #888888;
    }

    li.blog-sidebar-archive-year a
    {
        font-weight: bold;
    }
    
    li.blog-sidebar-archive-month a
    {
        font-weight: normal;
    }
    
    ul.blog-sidebar-archive .collapsed ul
    {
        display: none;
    }
    
    .blog-linkback-excerpt
    {
        
    }
    
    
    

    .blog-post-comment-form fieldset
    {
        
        background-color:   #F8F8F8;
        border:             1px solid #CCCCCC;
        font-size:          .9em;
    }
    
    .blog-post-comment-form fieldset legend
    {
        margin-top:         1.2em;
        color:              #CCCCCC;
        font-weight:        600;
        background-color:   #FFFFFF;
        border:             1px solid #CCCCCC;
    }
        
    .blog-post-comment-form fieldset label
    {
        display:            block;
        float:              left;
        clear:              left;
        margin-right:       1em;
        text-align:         right;
        width:              7em;
    }
    
    .blog-post-comment-form fieldset .blog-post-comment-text,
    .blog-post-comment-form fieldset .blog-post-comment-textarea
    {
        width:              70%;
        border:             1px solid #AAAAAA;
    }
    
    .blog-post-comment-form fieldset .blog-post-comment-text:hover,
    .blog-post-comment-form fieldset .blog-post-comment-textarea:hover
    {
        background-color:   #FFFFEE;
        border:             1px solid #888888;
    }

    .blog-post-comment-form fieldset .blog-post-comment-text:focus,
    .blog-post-comment-form fieldset .blog-post-comment-textarea:focus
    {
        background-color:   #FFFFFF;
        border:             1px solid #444444;
    }

    .blog-post-comment-form fieldset .blog-post-comment-submit
    {
        margin-right:       1em;
        float:              right;
        width:              10em;
    }
    
    
    
    

    #blog-comments
    {
        margin-top:     4em;
        
    }
    
    #blog-comments h4
    {
        margin-top:     -0.25em;
        padding-left:   30px;
    }
    
    #blog-comments ol
    {
        list-style:     none;
        margin-top:     -0.25em;
        margin-left:    0;
    }
    
    #blog-comments li
    {
        width:          70%;
        margin-top:     2em;
        padding:        0.65em 0 0 0em;
        zoom:           1;
    }
    
    #blog-comments h5
    {
        display: inline;
        position: absolute;
        margin-top: 0;
        margin-left: -4.8em;
        width: 5em;
        font-size: 125%;
        line-height: 1.2;
    }
    
    .blog-comments-total
    {
        font-size: 70%;
    }
    
    #blog-comments p.blog-comment-info
    {
        margin-top:         0;
        margin-bottom:      -1em;
        font-style:         italic;
    }
    
    #blog-comments p.blog-comment-text
    {
        font-size:          .8em;
        background:         #ECECEC url(/img/comment_background.gif) no-repeat;
        padding:            3em;
        padding-top:        2em;
    }
    
    #blog-comments .blog-comment-commenter
    {
        font-style: normal;
        font-weight: bold;
    }
}