/*
Theme Name: Sero
Theme URI: http://www.churchwebdeveloper.com/sero/
Description: A revolutionary WordPress theme for Churches. Featuring: robust control panel, native events, custom navigtion, many backgrounds, color variants, sermon slideshow, announcement images, widgetized sidebar option and much more.
Version: 1
Author: Aaron Robbins - ChurchWebDeveloper.com
Author URI: http://www.churchwebdeveloper.com
Tags: church, ministry, events, slideshow, carousel, widgets, custom background, custom header, fixed width, two column, control panel
*/

/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
    margin:0; padding:0
    }

table {
    border-collapse:collapse;
    border-spacing:0;
    }

fieldset, img {
    border:0
    }

address, caption, cite, code, dfn, em, strong, th, var {
    font-style:normal; font-weight:normal
    }

h1, h2, h3, h4, h5, h6 {
    font-size:100%
    }

strong {
    font-weight:700
    }

em {
    font-style:italic
    }

* a {
    position:relative
    }

a {
    text-decoration:none
    }

a img {
    border:none
    }

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

/* Hide */
.hiddencontent {
	display:none;
	}

/* Default Links */
a:link {
    color:#777;
    text-decoration:none;
    }

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

a:hover {
    color:#CCC;
    text-decoration:none;
    }

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

/* Layout */
body{
    margin:0;
    padding:0;
    text-align:center;
    font-family: "Arial", "Helvetica", "Verdana", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.6em;
    vertical-align: top;
    /* background set in theme options */
    color:#EFEFEF;
    }
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

    /* (header.php) */
    #header{
        width:800px;
        margin:0 auto;
        margin-top:1em;
        background:#e6e7e1; /* header background change here*/
        text-align:left;
        }

        #header-logo{
            width:530px;
            float:left;
            padding:20px 10px;
            overflow:hidden;
            }

            #header-logo h1{
                padding:2px 0px;
                font-size:28px;
                }

              #header-logo h1 a:link {
                color:#EEE;
                }

              #header-logo h1 a:visited {
                color:#EEE;
                }

              #header-logo h1 a:hover {
                color:#AAA;
                text-decoration:none;
                }

              #header-logo h1 a:active {
                color:#EEE;
                }

            #header-logo h5{
                padding:3px 0px;
                font-size:14px;
                color:#777;
                }

        #header-search{
            width:230px;
            float:right;
            padding:10px;
            text-align:right;
            }

            /* (searchform.php) */
            #searchform{
                padding-top:10%;
                }

            #searchform input{
                background:white; /* changed this to white */
                font-size:14px;
                padding:2px;
                }

                .search-input{
                    border:1px solid #4E4E4E;
                    color:#999;
                    }


                .search-submit{
                    border:2px solid #222;
                    color:#BBB;
                    }

    /* Main Templates */
    #content{
        width:800px;
        margin:0 auto;
        text-align:left;
        background:#f0f0f0; url(images/content-bg.jpg) repeat-y top left; /* changed here */
        }

        #content-left{
            width:535px;
            float:left;
            padding-left:5px;
            }

            #content-navigation{
                position:relative;
                display:block;
                height:26px;
                font-size:11px;
                font-weight:bold;
                /* Set in header */
                background:transparent url(images/content-navigation-bg-seagreen.gif) repeat-x top left;
                font-family:Arial,Verdana,Helvitica,sans-serif;
                border-bottom:1px solid #444;
                }

                /* Content Navigation */
                #content-navigation ul{
                    margin:0px;
                    padding:0;
                    list-style-type:none;
                    width:auto;
                    }

                #content-navigation ul li{
                    display:block;
                    float:left;
                    margin:0;
                    }

                #content-navigation ul li a{
                    display:block;
                    float:left;
                    color:#fff;
                    text-decoration:none;
                    padding:1px 12px 0 12px;
                    height:25px;
                    /* Set in header */
                    background:transparent url(images/content-navigation-divider-seagreen.gif) no-repeat top right;
                    }

                #content-navigation ul li a:hover{
                    color:#fff;
                    /* Set in header */
                    background:#00423e url(images/content-navigation-divider-seagreen.gif) no-repeat top right;
                    }

                    /* Current page & current cat in header */

            #content-area{
                padding:2.5em 20px;
                background:#f7f7f7 url(images/content-area-bg.jpg) no-repeat top center;
                }

            /* (index.php) */
            #index-graphic{
                width:535px;
                background:#000;
                }

                .pics { height: 260px; width: 535px; padding:0; margin:0; overflow: hidden;}
                .pics img { height: 260px; width: 535px; top:0; left:0 }

            /* (page.php) */
            #page-graphic {
                width:535px;
                height:100px;
                background:#000;
                }

            /* Post - Page Content */
            hr{
                margin: 0px;
	            padding: 0px;
                border:0;
                height:2px;
                color:#CCC;
                background-color:#CCC;
                border-bottom:1px solid #fff;
                margin-bottom:1em;
            }

            .post p{
                margin:0 0 1.2em 0;
                }

            .post ul, .post ol{
                list-style-position:inside;
                padding-bottom:1.2em;
                }

            #post-meta{
                background:#EEEEEE;
                padding:.7em 1em;
                font-size:10px;
                color:#555;
                }

            .posts-navigation{
                padding:1em 0;
                height:40px;
                }

            html > body .posts-navigation{
                height:auto;
                }
a:link {
    color:#777;
    text-decoration:none;
    }

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

a:hover {
    color:#CCC;
    text-decoration:none;
    }

a:active {
    color:#777;
    text-decoration:none;
    }
            /* single.php */
            #comments{
                margin-top:1em;
                background:#f7f7f7;
                height:100px;
                }

            html > body #comments{
                height:auto;
                }

            /* comments.php */
            #comments ul{
                list-style-type:none;
                margin-bottom:1em;
                }

            #comments li{
                margin:10px 0;
                padding:10px;
                border:1px solid #E2E2E2;
                height:50px;
                }

            html > body #comments li{
                height:auto;
                }

            #comments .odd{
                 background:#FEFEFE;
                }

            #comments .even{
                 background:#F1F1F1;
                }

            #comment-form{
                margin:20px 0;
                }

            #comment-form h3{
                padding-bottom:.5em;
                }

            #comment-form p{
                padding-bottom:1em;
                }

            #comment-form input, #comment-form textarea{
                padding:4px;
                background:#FFF;
                border:1px solid #CCC;
                font-size:16px;
                }

                /* archive.php */
                #archive{
                    padding-bottom:1em;
                    }

                #post-events ul{
                    list-style-type:none;
                    }

                #post-events li{
                    padding:10px 0 20px 0;
                    border-bottom:1px solid #ccc;
                    }

                #post-events .end-list{
                    border:0;
                    }

                #post-events a{
                    font-size:22px;
                    }

                /* archives.php */
                #archives-lists{
                    margin-top:1em;
                    }

                #archives-lists ul{
                    list-style-position:inside;
                    }


        /* Main Templates */
        #content-right{
            width:260px;
            float:left;
            }

            /* (sidebar.php) */
            #sidebar{
                width:255px;
                padding-right:5px;
                }

            #sidebar-big-links {
                /* set in header */
                background:#000 url(images/sidebar-big-links-bg-seagreen.jpg) no-repeat top right;
                }

            #sidebar-big-links ul{
                list-style-type:none;
                }

            #sidebar-big-links li{
                width:225px;
                height:40px;
                padding:15px 10px 5px 20px;
                overflow:hidden;
                }

            #sidebar-subscribe{
                height:30px;
                padding:10px 0px 0px 25px;
                background:#000 url(images/sidebar-subscribe-bg.jpg) no-repeat top right;
                overflow:hidden;
                color:#777;
                }

            #sidebar-subscribe img{
                border:0;
                padding:0px 4px 0px 10px;
                display:inline;
                vertical-align:middle;
                }

                /* Sidebar Navigation */
                #sidebar-navigation{
                    position:relative;
                    display:block;
                    height:25px;
                    font-size:11px;
                    font-weight:bold;
                    /* Set in header */
                    background:#009999;
                    font-family:Arial,Verdana,Helvitica,sans-serif;
                    }

                   #sidebar-navigation ul{
                        margin:0px;
                        padding:0;
                        list-style-type:none;
                        width:auto;
                        }

                    #sidebar-navigation ul li{
                        display:block;
                        float:left;
                        margin:0;
                        }

                    #sidebar-navigation ul li a{
                        display:block;
                        float:left;
                        color:#fff;
                        text-decoration:none;
                        padding:2px 15px 0 15px;
                        height:23px;
                        /* Set in header */
                        background:#009999;
                        }
<center>
                    #sidebar-navigation ul li a:hover, #sidebar-navigation ul li a.current{
                        color:#fff;</center>
                        
                        background:#3B3B3B;
                        text-decoration:none;
                        }

                #sidebar-events, #sidebar-news, #sidebar-widgets{
                    width:215px;
                    padding:10px 20px;
                   background:#d9f3f1 url(images/sidebar-events-news-bg.jpg) repeat-y top left;                    }

                    #sidebar-news ul, #sidebar-events ul, #sidebar-widgets ul, #sidebar-widgets ul li ul{
                        list-style-type:none;
                        }

                    #sidebar-news li, #sidebar-events li, #sidebar-widgets li{
                        padding:4px 0;
                        }

                        #sidebar-news li.start-list, #sidebar-events li.start-list{
                            border-bottom:1px solid #CCC;
                            }

                        #sidebar-news li.mid-list, #sidebar-events li.mid-list{
                            border-top:1px solid #FFF;
                            border-bottom:1px solid #CCC;
                            }


                        #sidebar-widgets ul li ul li{
                            color:#444;
                            border-bottom:1px solid #CCC;
                            }

                        #sidebar-news li.end-list, #sidebar-events li.end-list{
                            border-top:1px solid #FFF;
                            }

    /* (footer.php) */
    #footer{
        width:800px;
        margin:0 auto;
        text-align:left;
        background: #e6e7e1; /* change this for bottom of page */
        }

        .footer-box{
            width:180px;
            float:left;
            margin:10px 5px 5px 5px;
            }

        html>body .footer-box{
            margin:10px 9px 5px 9px;
            }

        .footer-box img{
            padding:2px;
            border:1px solid #444;
            }

  /* Footer Navigation */
  #footer-navigation{
    width:780px;
    margin:0 auto;
    text-align:center;
    border-top:1px solid #222;
    border-bottom:1px solid #222;
    }

  #footer-navigation ul{
      list-style-type:none;
      width:auto;
      }

  #footer-navigation ul li{
      display:inline;
      margin:0;
      }

  #footer-navigation ul li a{
      color:#999;
      text-decoration:none;
      padding-right:30px;
      font-size:11px;
      }

  #footer-navigation ul li a:hover{
      color:#DDD;
      text-decoration:underline;
      }

    #copyright{
        width:780px;
        margin:0 auto;
        margin-bottom:1em;
        padding:10px;
        text-align:center;
        }

    #copyright p{
        padding-bottom:.5em;
        }

    .footer-phone{
        padding-left:25px;
        }


/* H2 */
.post h2{
    line-height:1.1em;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:20px;
    padding-bottom:.5em;
    }

.post h2 a:link {
    color:#137DAF;
    text-decoration:none;
    }

.post h2 a:visited {
    color:#137DAF;
    text-decoration:none;
    }

.post h2 a:hover {
    color:#444;
    text-decoration:underline;
    }

.post h2 a:active {
    color:#137DAF;
    text-decoration:none;
    }

#sidebar-big-links a{
    font-size:24px;
    font-family:Georgia, Times New Roman, serif;
    }

#sidebar-big-links a:link {
    color:#FFF;
    text-decoration:none;
    }

#sidebar-big-links a:visited {
    color:#FFF;
    text-decoration:none;
    }

#sidebar-big-links a:hover {
    color:#BFCDD7;
    text-decoration:underline;
    }

#sidebar-big-links a:active {
    color:#FFF;
    text-decoration:none;
    }


/* Text Size */
.normal{
    font-size:14px;
    }

.small{
    font-size:12px;
    }


.smaller{
    font-size:11px;
    }

.big{
    font-size:18px;
    }


/* Text Colors */
.gray{
    color: #555;
}

.light-gray{
    color:#AAA;
    }

.dark-gray{
    color:#333;
    }