/*
Theme Name: Cleverful Theme X
Theme URI: http://www.cleverful.com
Description: Version 10 of the Cleverful web site.
Version: 10
Author: Aaron Robbins and Nina Boatman
Author URI: http://www.cleverful.com
*/
/* GLOBAL RESET */
* {
    margin:0;
    padding:0;
    }

img {
    border:none;
    display:block;
    }

.clear{
    clear:both;
    height:1px;
    font-size:1px;
    border:none;
    background:transparent;
    overflow:hidden;
    margin:0;
    padding:0;
    }

/* Global Links */
a:link {
    color:#3366CC;
    text-decoration:none;
    }

a:visited {
    color:#3366CC;
    text-decoration:none;
    }

a:hover {
    color:#83A2E0;
    text-decoration:underline;
    }

a:active {
    color:#3366CC;
    text-decoration:none;
    }

/* Global Headings */
h1{
    font-size:18px;
    line-height:1.1em;
    color:#111;
    }

h2{
    font-size:21px;
    line-height:1em;
    color:#039292;
    font-family:Arial, sans serif;
    font-weight:normal;
    }

/* Global Lists */
ul, ol{
    list-style-position: inside;
    }

/***********/
/* LAYOUT */
body{
    margin:0;
    padding:0;
    text-align:center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.7em;
    vertical-align: top;
    background:#e9e9e9;
    color:#555;
    }

    /*Top Header*/
    #top-header-wrapper{
        background:#222;
        text-align:center;
        }

        #top-header{
            width:960px;
            margin:0 auto;
            text-align:left;
            height:70px;
            background: #222 url(images/header.jpg) no-repeat top left;
            }

            #logo{
                position:absolute;
                width:175px;
                height:70px;
                }

            #top-header-nav{
                text-align:right;
                padding:2px 0px 0 0;
                }

                /* Navigation */
                #top-header-nav ul.nav{
                    margin-left: 0;
                    padding-left: 0;
                    white-space: nowrap;
                    }

                #top-header-nav .nav li{
                    display: inline;
                    list-style-type: none;
                    padding:4px;
                    background:#222 url(images/header-nav-bg.jpg) no-repeat top right;
                    }

                #top-header-nav .nav .last{
                    background: #222;
                    }

                #top-header-nav .nav a {
                    padding: 3px 6px;
                    color:#27bbd0;
                    }

                #top-header-nav .nav a:hover{
                    color: #555;
                    text-decoration: none;
                    }

                 #top-header-nav .nav .current_page_item a{
                    color: #555;
                    text-decoration: none;
                    }

    /*Banner Header*/
    #banner-header-wrapper{
        background: #3399CC url(images/banner-header-bg.jpg) no-repeat top center;
        text-align:center;
        }

        #banner-header{
            width:960px;
            margin:0 auto;
            text-align:left;
            height:210px;
            border-bottom:1px solid #297ea7;
            background: #3399CC url(images/banner.jpg) no-repeat top left;
            }

    /* Content */
    #content-wrapper{
        background: #E9E9E9 url(images/content-wrapper-bg.jpg) no-repeat top center;
        text-align:center;
        }

        #content{
            width:960px;
            margin:0 auto;
            text-align:left;
            background: #F4F4F4;
            border-top:1px solid #E0DDE8;
            }

            #content-services{
                background: #2c3053 url(images/content-services-bg.jpg) no-repeat top center;
                border-bottom:1px solid #fff;
                height:100px;
                font-size:11px;
                line-height:1.4em;
                color:#c1d4de;
                overflow:hidden;
                }

                .content-services-col{
                    float:left;
                    width:200px;
                    padding:10px 20px;
                    }

                #content-services h2{
                    padding:5px 0px;
                    font-size:14px;
                    color:#27bbd0;
                    }

                    .content-services-col h2 a,.content-services-col h2 a:visited{
                        color:#93ADE3;
                        }

                    .content-services-col h2 a:hover{
                        color:#FEAE1B;
                        }

            #content-meat-and-potatoes{
                background: #e9e9e9 url(images/content-meat-and-potatoes-bg.jpg) no-repeat top center;
                }

            #content-left{
                float:left;
                width:560px;
                }

                #posts-left{
                    margin:30px;
                    padding-top:10px;
                    }

                    #posts-left h2{
                        margin-bottom:10px;
                        }

                    .h2-img{
                        padding-bottom:10px;
                        }

                    #posts-left p{
                        margin-bottom:20px;
                        }

                    .index-buttons{
                        margin-top:1.5em;
                        }

                    #index-contact-form{
                        margin-top:2.5em;
                        background:#F2F2F2;
                        padding:10px 15px;
                        }


                    #index-contact-form p{
                        padding:1px  0px 4px 0px;
                        }

                    #index-contact-form .label{
                        padding:2px  0px 0px 0px;
                        }

                        #index-contact-form input, #index-contact-form textarea{
                            border:0;
                            padding:2px;
                            }

                        #index-contact-form .submit{
                            border:0;
                            padding:2px 4px;
                            background:#DFDFDF;
                            border:1px solid #34a5a5;
                            color:#333;
                            }


            #content-right{
                float:right;
                width:400px;
                }

                #posts-right{
                    margin:30px 30px 30px 0px;
                    padding-top:10px;
                    }

    /* Sidebar */
    #sidebar ul{
        list-style-type:none;
        }

    #sidebar h2{
        margin-bottom:10px;
        }

        .sidebar-h2-img{
            padding-bottom:15px;
            display:block;
            }

        /* Recent Work */
        .recentwork-entry{
            float:left;
            width:80px;
            padding-left:12px;
            padding-bottom:12px;
            }

        /* Recent Posts */
        #sidebar-recent-posts{
            margin-top:2.5em;
        }

        #sidebar h1{
            font-size:14px;
            font-weight:bold;
            }

            .entry{
                font-size:11px;
                color:#6F6F6F;
                }

                .meta{
                    font-size:10px;
                    }


            .entry-seperator{
                height:1.5em;
                }

    /* Footer */
    #footer-wrapper{
        padding-top:10px;
        text-align:center;
        }

        #footer{
            width:960px;
            margin:0 auto;
            text-align:center;
            border-top:1px solid #D4D4D4;
            padding:10px 20px 20px 20px;
            }

            #footer-nav{
                margin-bottom:10px;
                }

                /* Navigation */
                #footer-nav ul.nav{
                    margin-left: 0;
                    padding-left: 0;
                    white-space: nowrap;
                    }

                #footer-nav .nav li{
                    display: inline;
                    list-style-type: none;
                    padding:4px 2px;
                    background: #e9e9e9 url(images/footer-nav-bg.jpg) no-repeat top right;
                    }

                #footer-nav .nav .last{
                    background: #e9e9e9;
                    }

                #footer-nav .nav a {
                    padding: 3px 6px;
                    }


                #footer-nav .nav a:hover{
                    color: #555;
                    text-decoration: none;
                    }

                #footer-nav .nav .current_page_item a{
                    color: #555555;
                    text-decoration: none;
                    }

            #footer p{
                padding-top:10px;
                font-size:10px;
                line-height:1.3em;
                color:#ACACAC;
                }