/*
    Striped by HTML5 UP
    html5up.net | @n33co
    Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

    body
    {
        height: 100%;
    }
    
    body,input,textarea,select
    {
        line-height: 1.75em;
    }

    h2
    {
        font-size: 1.2em;
    }

    h3, h4, h5, h6
    {
        font-size: 1em;
    }

    /* Button */

        input[type="button"],
        input[type="submit"],
        input[type="reset"],
        .button
        {
            display: inline-block;
            padding: 0.5em 2em 0.5em 2em;
        }
        
            input[type="button"].small,
            input[type="submit"].small,
            input[type="reset"].small,
            .button.small
            {
                font-size: 0.85em;
                padding: 0.35em 1.5em 0.35em 1.5em;
            }
        
            input[type="button"].big,
            input[type="submit"].big,
            input[type="reset"].big,
            .button.big
            {
                font-size: 1.25em;
                padding: 0.75em 2em 0.75em 2em;
            }
        
            input[type="button"].huge,
            input[type="submit"].huge,
            input[type="reset"].huge,
            .button.huge
            {
                font-size: 1.5em;
                padding: 0.75em 2em 0.75em 2em;
            }

    /* Pagination */

        .pagination
        {
            padding: 3em 0 0 0;
        }

            .pagination .pages
            {
            }

            .pagination .previous
            {
                margin-right: 0.6em;
            }

            .pagination .next
            {
                margin-left: 0.2em;
            }

            .pagination .pages a
            {
                width: 2.75em;
                height: 2.75em;
                line-height: 2.75em;
            }
            
            .pagination .button
            {
                height: 2.75em;
                padding-top: 0;
                padding-bottom: 0;
                line-height: 2.75em;
            }

    /* Box */

        .box
        {
        }

            .box.post
            {
            }

                .box.post .info
                {
                }

                    .box.post .info .stats
                    {
                    }
                    
                        .box.post .info .stats li a
                        {
                            border-radius: 0.4em;
                            opacity: 0.5;
                            -moz-transition: opacity .25s ease-in-out, background-color .25s ease-in-out;
                            -webkit-transition: opacity .25s ease-in-out, background-color .25s ease-in-out;
                            -o-transition: opacity .25s ease-in-out, background-color .25s ease-in-out;
                            -ms-transition: opacity .25s ease-in-out, background-color .25s ease-in-out;
                            transition: opacity .25s ease-in-out, background-color .25s ease-in-out;
                        }

                            .box.post .info .stats li:hover a
                            {
                                background-color: #f4f4f4;
                                opacity: 1.0;
                            }
        
/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

    #logo
    {
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: 700;
        font-size: 1.5em;
        letter-spacing: 0.1em;
    }
    
        #logo a
        {
            display: block;
            background-color: #c94663;
            background-image: url('images/bg01.png');
            padding: 0.875em 0.25em;
            border-radius: 0.2em;
            text-align: center;
            box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.15), 0 0.025em 0.15em 0em rgba(0,0,0,0.25);
            text-decoration: none;
            color: #fff;
        }

/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/
        
    #content
    {
        box-shadow: 0 0 0.25em 0em rgba(0,0,0,0.25);
    }

        #content > .inner
        {
            /*
                This sets an upper limit on your page content to prevent it
                from looking insane on really wide displays. It's currently set
                to the width of the sample post images, but you can change it to
                whatever you like (or remove it entirely).
            */
            max-width: 1038px;
            padding-bottom: 2em;
        }

/*********************************************************************************/
/* Sidebar                                                                       */
/*********************************************************************************/
        
    #sidebar
    {
        position: absolute;
        top: 0;
        padding: 3em 1.35em 1em 1.15em;
        width: 14em; /* = whatever you want */
        background: #364050 url('images/bg01.png');
        box-shadow: inset -0.1em 0em 0.35em 0em rgba(0,0,0,0.15);
    }

        body.left-sidebar #sidebar
        {
            left: 0;
        }
    
        body.right-sidebar #sidebar
        {
            right: 0;
        }

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

    #copyright
    {
        margin: 2em 0 0 0;
        text-align: center;
    }

        #copyright p
        {
            font-size: 0.8em;
            line-height: 2em;
        }
    
        #copyright:before
        {
            height: 0.5em;
            margin: 0 0 2em 0;
        }