/*
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, modified by Jameson MacArthur - macscapacity.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%;
	font-weight:normal;
	letter-spacing:3px;
	font-variant:small-caps;
    }

strong {
    font-weight:700
    }

em {
    font-style:italic;
    }
	
em.headline{
	font-size:140%;
	position:relative;
	top:-.5em;
	}

* 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;
    }

a.wp-caption{
	float:right;
	clear:right;
	display:block;
	padding:3px 5px;
	width:180px;
	text-align:left;
	border:1px solid silver;
	margin-top:-1px 0 20px 2em;
	}


/* Layout */
body{
    margin:0;
    padding:0;
    text-align:center;
    font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
    /*font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;*/
	/*font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;*/
	font-size: 14px;
    font-weight: normal;
    line-height: 1.6em;
    vertical-align: top;
    background:#000000 url('images/backgrounds/background.jpg') fixed repeat-x 0 0;
    color:#EFEFEF;
    }

    /* (header.php) */
    #header{
        width:795px;
        margin:0 auto;
		height:100px;
        background:transparent url('images/backgrounds/headerback.png') scroll repeat-x 0 0;
        text-align:left;
        }
		

        #header-logo{
            /*width:530px;*/
            float:left;
            padding:50px 0px 0px 22px;
            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:#EEE;
                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:65px 10px 0px 0px;
            text-align:left;
            }
			
	#header_overlay{
		display:block;
		height:71px;
		position:absolute;
		z-index:900;
		overflow:visible;
		}

	#header_front{
		background:transparent url('images/backgrounds/starsfront.png') fixed repeat-x 1420% -10px;
		display:block;
		width:100%;
		height:71px;
		position:absolute;
		z-index:300;
		overflow:hidden;
		}

	#header_mid{
		background:transparent url('images/backgrounds/starsmid.png') fixed repeat-x 242% -10px;
		display:block;
		width:100%;
		height:71px;
		position:absolute;
		z-index:200;
		overflow:hidden;
		}

	#header_back{
		background:transparent url('images/backgrounds/starsback.png') fixed repeat-x -270% -10px;
		display:block;
		width:100%;
		height:71px;
		position:absolute;
		z-index:100;
		}
		
	* html body #header_overlay{display:none;}

            /* (searchform.php) */
            #searchform{
                /*padding-top:10%;*/
                }

            #searchform input{
                background:#444;
                font-size:12px;
                padding:2px;
                }

                .search-input{
                    border:1px solid #4E4E4E;
                    color:#999;
                    }
				.search-input:onfocus{
					border:1px solid B7E3E4;
					}


                .search-submit{
                    border:2px solid #222;
                    color:#BBB;
					/*float:right;*/
                    }

    /* Main Templates */
    #content{
        width:795px;
        margin:0 auto;
        text-align:left;
        background:#000 url(images/content-bg.jpg) repeat-y top left;
		position:relative;
		top:-3px;
        }

        #content-left{
            width:540px;
            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:#653B7A;
                    }

                    /* Current page & current cat in header */

            #content-area{
                padding:1.5em 20px;
                background:#f7f7f7 url(images/content-area-bg.jpg) no-repeat top center;
                }

            /* (index.php) */
            #index-graphic{
                width:540px;
                background:#000;
                }

                .pics { height: 260px; width: 540px; padding:0; margin:0; overflow: hidden;}
                .pics img { height: 260px; width: 540px; 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 1em 0;
                }

            .post ul, .post ol{
                list-style-position:outside;
				margin:0 40px 0 40px;
                padding-bottom:1.2em;
                }
				
			.post li{
                padding-bottom:.5em;
				}

            #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;
                }

            /* 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:255px;
            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:#676767;
                    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;
                        }

                    #sidebar-navigation ul li a:hover, #sidebar-navigation ul li a.current{
                        color:#fff;
                        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:#000;
        }

        .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:georgia, times new roman, serif;
    font-size:28px;
    padding-bottom:.5em;
    }

.post h2 a:link {
    color:#242424;
    text-decoration:none;
    }

.post h2 a:visited {
    color:#242424;
    text-decoration:none;
    }

.post h2 a:hover {
    color:#444;
    text-decoration:underline;
    }

.post h2 a:active {
    color:#242424;
    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;
    }