/* SVN FILE: $Id: blog.css 1481 2014-04-15 16:16:50Z Wolff $ */
/**
 * @lastChangedBy       $LastChangedBy: Wolff $
 * @copyright           ARZA STUDIO
 * @version             $Revision: 1481 $
 * @date                $Date: 2014-04-15 18:16:50 +0200 (mar., 15 avr. 2014) $
 * @license             LICENSE.TXT
 * @filesource          $URL: https://svn.arza-studio.com/engine/trunk/modules/blog/assets/css/blog.css $
 * @desc            CSS for the admin interface header (colorizing : check adminHead view)
 */

.blogTitle
{
    margin:               0 0 8px 0;
    float:                none;
}

/* BLOG INDEX */

    .blogLocation
    {
        font-family:          'FontFace', Arial, Helvetica, sans-serif;
        font-size:            28px;
        line-height:          31px;
        font-weight:          normal;
        margin:               0 0 30px 0;
        padding:              0;
    }

    /* BLOG POST */
    .blogPost
    {
        overflow:             hidden;
        margin:               0 0 30px 0;
        padding:              10px;
        color:                inherit;
        background-color:     white;
    }
    #blogIndex .blogPost
    {
        margin:               10px 0 10px 0;
    }
    .blogPost.last
    {
        margin-bottom:        0;
    }
        h1.blogPostTitle
        {
            font-family:          'FontFaceBold', Arial, Helvetica, sans-serif;
            font-size:            34px;
            line-height:          38px;
            font-weight:          normal;
            margin:               0 0 10px 0;
            padding:              0;
        }
        h2.blogPostTitle
        {
            font-family:          'FontFaceBold', Arial, Helvetica, sans-serif;
            font-size:            24px;
            line-height:          27px;
            font-weight:          normal;
            margin:               0;
            padding:              0;
        }

        /* AUTHOR + DATE + BLOG */
        .blogPostAuthorDate
        {
            margin:               5px 0 10px 0;
            padding:              0;
            font-family:          'FontFace', Arial, Helvetica, sans-serif;
            font-size:            15px;
            line-height:          20px;
            font-weight:          normal;
            text-transform:       none;
            text-indent:          0px;
        }
            .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;
        }
            .pictoTag,
            .pictoComment,
            .pictoCategory
            {
                width:                15px;
                height:               15px;
                margin:               3px 5px 0 0;
                float:                left;
            }
            /* COMMENTS */
            .blogPostInfoCommentsCountBox
            {
                float:                left;
                margin-right:         15px;
            }
            /* CATEGORIES */
            .blogPostInfoCategoriesList
            {
                float:                left;
                margin-right:         15px;
            }
            /* TAGS */
            .blogPostInfoTagsList
            {
                float:                left;
                margin-right:         15px;
            }
            /* SMALL BUTTONS */
            .blogPostInfo .btnSmall,
            .blogPostInfo .btnSmall:link,
            .blogPostInfo .btnSmall:hover,
            .blogPostInfo .btnSmall:active
            {
                margin:               0 0 0 3px;
                border-color:         inherit;
            }

        /* 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;
            border-color:         #fafafa;
            color:                #cccccc;
            background-color:     #f2f2f2;
        }

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

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

        /* BLOG COMMENT */
        #blogComments .blogComment
        {
            padding:              10px;
            border-bottom:        1px dotted;
        }
            #blogComments .blogCommentInfo
            {
                font-size:        15px;
            }
            #blogComments .blogComment p
            {
                margin:               3px 0 0 0;
            }

        /* BLOG COMMENT FORM */
        #blogComments .form
        {
            margin-top:           30px;
            margin-bottom:        0px;
        }
            #blogComments .form textarea
            {
                height:               100px;
            }
            #blogComments .form label
            {
                width:                150px;
            }
            #blogComments .form label[for=Comment_text]
            {
                width:                auto;
                margin-top:           10px;
            }
            #blogComments .field_captcha .hint
            {
                display: none;
            }
            #blogComments .row.captcha
            {
                border-bottom: none;
            }
            #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;
            }
            #Comment-form .row.buttons
            {
                margin:               0;
                padding:              10px;
                border:               none;
            }


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

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

/* BLOG FEEDS */
#blogFeeds
{
    border:           1px solid;
    background-color: rgba(255, 255, 255, 0.5);
}

/* RECENT POSTS */
.recentPosts
{
    border:           1px solid;
    margin-bottom:    20px;
    background-color: rgba(255, 255, 255, 0.5);
}
.recentPosts + hr
{
    margin-bottom:    20px;
}
body .recentPostTitle
{
    display:          block;
    font-size:        15px;
    line-height:      18px;
    margin-bottom:    5px;
}