/* SVN FILE: $Id: blog.css 1809 2015-04-24 10:25:01Z Wolff $ */
/**
 * @lastChangedBy       $LastChangedBy: Wolff $
 * @copyright           ARZA STUDIO
 * @version             $Revision: 1809 $
 * @date                $Date: 2015-04-24 12:25:01 +0200 (Ven 24 avr 2015) $
 * @license             LICENSE.TXT
 * @filesource          $URL: https://svn.arza-studio.com/engine/branches/1.4/modules/blog/assets/layouts/blog.css $
 * @desc            CSS for the admin interface header (colorizing : check adminHead view)
 */

.blogTitle
{
    margin:               0;
}

/* BLOG INDEX */
#blogIndex
{
    margin-bottom:        10px;
}
    .blogLocation
    {
        font-size:            18px;
        line-height:          18px;
        color:                gray;
        margin:               0 0 20px 0;
        padding:              0;
    }

    /* BLOG POST */
    .blogPost
    {
        overflow:             hidden;
        margin:               10px 0 10px 0;
        padding:              10px;
        color:                black;
        background-color:     #f2f2f2;
    }
    .blogTitle + .blogPost
    {
        margin-top : 20px;
    }
    .blogPost.last
    {
        margin-bottom:        0;
    }
        .blogPostTitle
        {
            margin:               0;
            padding:              0;
        }
        

        /* AUTHOR + DATE + BLOG */
        .blogPostAuthorDate
        {
            margin:               5px 0 10px 0;
            padding:              0;
            font-size:            13px;
            line-height:          15px;
            font-weight:          normal;
            text-transform:       none;
            text-indent:          0px;
            color:                gray;
        }
            .blogPostAuthor
            {
            }
            .blogPostDate
            {
            }
            .blogPostBlogTitle
            {
            }

        /* BLOGPOST CONTENT */
        .blogPostContent
        {
            overflow:             hidden;
            margin:               0;
            padding:              0;
        }
            /* IMG */
            .blogPostContent img,
            .blogPostContent a img
            {
            }
            .blogPostContent p img
            {
                margin-bottom:        0;
            }
                .blogPostContent a:hover img
                {
                    border-color:         blue;
                }
                .blogPostContent a:active img
                {
                    border-color:         red;
                }
            /* IFRAME YOUTUBE */
            .blogPostContent iframe
            {
                margin:               0 0 10px 0;
            }

        /* BLOGPOST INFO */
        .blogPostInfo
        {
            margin:               10px 0 3px 0;
            padding:              10px 0 5px 0;
            font-size:            12px;
            line-height:          15px;
            font-weight:          normal;
            text-transform:       none;
            text-indent:          0px;
            border-top:           1px dotted gray;
        }
            .blogPostInfoPict
            {
                width:                15px;
                height:               15px;
                margin:               3px 0 0 0;
                float:                left;
                /*background-image: cf. _postContent view*/
                background-repeat:    no-repeat;
            }
            /* COMMENTS */
            .blogPostInfoCommentsPict
            {
                background-position:  0px -15px;
            }
            .blogPostInfoCommentsCountBox
            {
                float:                left;
                margin-right:         10px;
            }
            /* CATEGORIES */
            .blogPostInfoCategoriesPict
            {
                background-position:  0px -30px;
            }
            .blogPostInfoCategoriesList
            {
                 float:                left;
                 margin-right:         10px;
            }
            /* TAGS */
            .blogPostInfoTagsPict
            {
                background-position:  0px 0px;
            }
            .blogPostInfoTagsList
            {
                float:                left;
                margin-right:         10px;
            }
            /* SMALL BUTTONS */
            .blogPostInfo .btnSmall
            {
                margin:               0 0 0 3px;
            }
            .blogPostInfo .btnSmall:link,
            .blogPostInfo .btnSmall:visited
            {
                background-color:     white;
                border-color:         white;
            }
        /* BLOGPOST ACTIONS */
        .blogPostActions
        {
            margin:               0;
            padding:              0;
            font-size:            13px;
            line-height:          15px;
            font-weight:          normal;
            text-transform:       none;
            text-indent:          0px;
            text-align:           right;
        }

    /* BLOG ACTIONS */
    #blogActions
    {
        text-align:           center;
    }
        #blogActions .prev
        {
            float:                left;
        }
        #blogActions .next
        {
            float:                right;
        }
        #blogActions a.btn.deactivated,
        #blogActions a.btn.deactivated:hover,
        #blogActions a.btn.deactivated:active
        {
            cursor:               default;
            color:                #cccccc;
        }

    /* BLOG COMMENT */
    #blogComments
    {
        overflow:             hidden;
        margin:               20px 0 0 0;
    }

        /* BLOG COMMENTS HEADER */
        #blogCommentsHeader
        {
            border-bottom:        1px solid gray;
        }
            /* BLOG COMMENT TITLE */
            .blogCommentsTitle
            {
                float:                left;
                padding:              3px 0 0 0;
                font-size:            18px;
                line-height:          18px;
                margin:               0;
            }

        /* BLOG COMMENT */
        #blogComments .blogComment
        {
            padding:              10px;
            border-bottom:        1px solid #cccccc;
        }
            #blogComments .blogCommentInfo
            {
                color:                gray;
            }
            #blogComments .blogComment p
            {
                margin:               3px 0 0 0;
            }

        /* BLOG COMMENT FORM */
        #blogComments .form
        {
            margin-top:           10px;
            margin-bottom:        0px;
        }
            #blogComments .form textarea
            {
                height:               100px;
            }
            #blogComments .form label
            {
                width:                150px;
            } 
            #blogComments .form label[for=Comment_text]
            {
                width:                auto;
                margin-top:           10px;
            }
            #allowedHtmlTags
            {
                margin:               3px 0 5px 0;
                font-size:            11px;
                line-height:          11px;
                font-weight:          normal;
                text-transform:       none;
                text-indent:          0px;
                text-decoration:      none;
                text-align:           right;
                color:                gray;
            }
                #allowedHtmlTags a
                {
                    color:                gray;
                }
                #allowedHtmlTags a:hover
                {
                    color:                black;
                }
                #allowedHtmlTags a:active
                {
                    color:                red;
                }
            #allowedHtmlTagsList
            {
                display:              none;
                font-family:          Courier New, Courier, mono;
                font-size:            12px;
                line-height:          14px;
                font-weight:          normal;
                text-transform:       none;
                text-indent:          0px;
                text-decoration:      none;
                color:                #333;
                background-color:     white;
            }

    /* BLOG ACTIONS */
    #blogPagination
    {
        margin-top:           10px;
    }

    /* FEED ICONS */
    .feedIcons
    {
        float:                right;
    }