
/* PHP Variable-Driven CSS Template Created by Michael Niles at blindmikey.com */

/*----------------------------------------------------------------------
////////////
////////////	TOC 
////////////	--------
////////////	
////////////	i.	Setting up the Canvas
////////////	ii.	Core styling conventions
////////////
////////////	1.	Header
////////////	2.	Navigation
////////////	3.	Content
////////////	4.	Left Sidebar
////////////	5.	Footer
////////////
----------------------------------------------------------------------*/


/*----------------------------------------------------------------------
////////////
////////////	i. Setting up the Canvas
////////////
----------------------------------------------------------------------*/

	* { margin:0; padding:0; outline:none;  }
    
    html, body { height: 100%; }
    
    body { background-color:#BDC6A8; }
	
	#body { background-color:#BDC6A8; background-image:url(themes/default/images/background.jpg); background-repeat:repeat-y; background-position:top left; background-attachment:fixed; font-size:1em; min-height:100%; }
    	
	img { border:0;  }
	
	a { color:#F23405;  }
    
		a:hover { color:#F23405; }
        
	h1, h1 a { color:#8f6378  ;  }
    
	h2, h2 a { color:#666666;  }
    
	h3, h3 a { color:#1A1A1A;  }
            
	h4, h4 a { color:#1A1A1A;  }
    
	p, ol, ul { color:#1A1A1A;  }
    
    blockquote { margin-left: 2em; margin-right: 2em; }
        
/*----------------------------------------------------------------------
////////////
////////////	ii. Core styling conventions
////////////
----------------------------------------------------------------------*/
		
	.hide { display:none; }
	
	.off { opacity:0.6; filter:alpha(opacity=60); }
	
	img.alignleft { margin:0px 10px 10px 0px; }
	img.alignright { margin:0px 0px 10px 10px; }

	.clear, .hr { clear:both; }

	.align { padding:2px 25px; }

	.left, .alignleft { float:left; }

	.right, .alignright { float:right; }
        
	#container { position:relative; margin:0 auto; background-color:#FFFFFF; width:718px; }
         	
/*----------------------------------------------------------------------
////////////
////////////	1. Header
////////////
----------------------------------------------------------------------*/
		
	#header { font-family:Verdana, Helvetica, Sans-Serif; background: #FFFFFF url(themes/default/images/header.gif) no-repeat 0 0; width:718px; position:relative; height:180px; overflow:hidden; line-height:2em; }
    	
        #header a { text-decoration:underline; }
        	
            #header a:hover { text-decoration:none; }
    	
        #heading { display:block; position:relative; top:30px; padding:0 25px; text-align:center; }
            
            #header .title, #header .subtitle { position:relative; height:1em; }
            #header .title { font-size:36px; font-weight:bold; display:block; }
            #header .subtitle { font-size:24px; font-weight:normal; display:block; }
            
                #header .title,
                #header .title a { color:#1A1A1A; text-decoration:none; }
                
                #header .subtitle,
                #header .subtitle a { color:#666666; text-decoration:none; }
    
/*----------------------------------------------------------------------
////////////
////////////	2. Navigation
////////////
----------------------------------------------------------------------*/

	#nav { width:718px; height:0px; background: #FFFFFF url(themes/default/images/) no-repeat top center; position:relative; }
    
    	#nav_align { text-align:center; padding:0 25px; }
    
            #nav ul { list-style-type:none; } 
            
                #nav .menu li { display: -moz-inline-stack !important; display:inline-block !important; display:inline; font-size:14px; font-family:Arial, Helvetica, Sans-Serif; z-index:10; margin:0 -2px; }
                    
                    #nav .menu li a { display: -moz-inline-stack; display:inline-block; color:#666666; text-decoration:none; text-align:center; height:0px; padding: 0px 10px; text-decoration:none; line-height:0px; }
                    
                        #nav .menu li a:hover
						                        ,#nav .menu li.sfhover a,
                        #nav .menu li:hover a
						 
                        { color:#1A1A1A; background:#F5F5F5; }
                        #nav .menu li.current_page_item a,
                        #nav .menu li.current-menu-item a { color:#1A1A1A; background:#F5F5F5; }
                                         
		/*/// Dropdown CSS ///*/
        
        			#nav .menu li.current_page_item li a,
                    #nav .menu li.current-menu-item li a { color:#666666 !important; background:#BFBFBF !important; }
                        #nav .menu li.current_page_item li a:hover,
                        #nav .menu li.current-menu-item li a:hover { color:#F5F5F5 !important; background:#666666 !important; }
                        
                    #nav .menu li li.current_page_item a,
                    #nav .menu li li.current-menu-item a { color:#F5F5F5 !important; background:#666666 !important; }
                    	#nav .menu li li.current_page_item li a,
                        #nav .menu li li.current-menu-item li a { color:#666666 !important; background:#BFBFBF !important; }

                        #nav .menu li ul { position:absolute; width:0px; left:-999em; z-index:100; text-align:left; margin-left:0; font-size:1em; top:0px; background:#BFBFBF; }
                        
                            #nav .menu ul li { float: left; clear:left; background:#BFBFBF; margin:0 !important; position:relative; }
                        
                                #nav .menu ul li a { color:#666666 !important; background:#BFBFBF !important; width:-20px; height:auto !important; text-align:left; }
                                    
                                #nav .menu ul li a:hover { background:#666666 !important; color:#F5F5F5 !important; }
                        
                                #nav .menu li ul ul, 
                                #nav .menu li ul ul ul { margin-top:0; padding:0; margin-left:0px; top:0; }
                                            
                                #nav .menu li:hover ul ul, 
                                #nav .menu li:hover ul ul ul, 
                                #nav .menu li:hover ul ul ul ul,
                                #nav .menu li.sfhover ul ul, 
                                #nav .menu li.sfhover ul ul ul, 
                                #nav .menu li.sfhover ul ul ul ul { left: -999em; }
                        
                                #nav .menu li:hover ul,
                                #nav .menu li li:hover ul, 
                                #nav .menu li li li:hover ul, 
                                #nav .menu li li li li:hover ul, 
                                #nav .menu li.sfhover ul, 
                                #nav .menu li li.sfhover ul, 
                                #nav .menu li li li.sfhover ul, 
                                #nav .menu li li li li.sfhover ul { left: auto; }

/*----------------------------------------------------------------------
////////////
////////////	3. Content
////////////
----------------------------------------------------------------------*/

	#content { background:#FFFFFF url(themes/default/images/) repeat-y top center; position:relative; top:0; margin:0 auto; width:718px; }
    
    	#main {  font-family:Arial, Helvetica, Sans-Serif; background:; float:left; margin:0px 25px 0; position:relative; width:541px; font-size:16px; }
        
        .main_wrapper { padding:20px 0 25px; float:left;  }
            
            .post_snippet, 
            .post, 
            .page,
            #comments_wrapper { float:left; width:541px; position:relative; }
            	
                #comment { width:541px; }
                
                .post_snippet { margin-bottom:1em; }
                
                .post_title a { color:#666666; }
                	.post_title a:hover { color:#F23405; }
                
                .main_wrapper h1,
                .main_wrapper h2,
                .main_wrapper h3,
                .main_wrapper h4 { padding:0 0 .2em; font-family:Arial, Helvetica, Sans-Serif; }
                
                .main_wrapper h1 { font-size:32px; }
                .main_wrapper h2 { font-size:24px; }
                .main_wrapper h3 { font-size:19px; }
                .main_wrapper h4 { font-size:16px; }
                
                .main_wrapper h1 a,
                .main_wrapper h2 a,
                .main_wrapper h3 a,
                .main_wrapper h4 a { text-decoration:none; }
                
                .main_wrapper ul, .main_wrapper ol { margin-left:25px; }
                
                .main_wrapper p,
                .main_wrapper ul,
                .main_wrapper ol { padding-bottom:1em; line-height:1.3em; }
                
                .main_wrapper a { text-decoration:underline; }
                
                	.main_wrapper a:hover { text-decoration:none; }
            
            .author,
            .timeStamp { position:relative; top:-8px; font-size:0.75em; }
            
                .author { color:#666666; }
                
                .timeStamp { color:#666666; }
                
            .readMore { display:block; margin-top:1em; }
                
            .textwidget {  }
            
    #searchform { position:relative; }
    	
        #searchform #search_input_wrapper { -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; background:#E5E5E5; border:1px solid #ccc; height:24px;}
    	
        #searchform .input.text { background:none; border:none; font-size:12px; padding:0 32px 0 5px; color:#888; width:40px; height:24px; }
        
        	#searchform .input.text:focus { outline:none; color:#1A1A1A; }
        
        #searchform #searchsubmit { -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; background:#FFFFFF; border:none; color:#4A393A; cursor:pointer; position:absolute; right:2px; text-align:center; top:2px; height:22px; width:22px; }
        
        	#searchform #searchsubmit:hover { color:#FFFFFF; background:#4A393A; }
            	
            #searchform #searchsubmit span { display:block; font-size:15px; height:28px; left:0; position:relative; top:-9px; width:auto; }
            
     #comments   {  }
     ol.commentlist {  }
     ol.commentlist .comment-author img {  }
     p.nocomments {  }
     #respond {  }
     #respond h3 {  }
     p.cancel-comment-reply {  }
     p.cancel-comment-reply a {  }
     #commentform {  }
     #commentform p {  }
     #commentform p a {  }
     #commentform label {  }
     #author {  }
     #email {  }
     #url {  }
     #comment {  }
     #submit {  }
     
ol.wp-paginate {padding:1em 0; margin:0; }
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate a {background:#ddd; border:1px solid #ccc; color:#666; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#ccc; color:#888;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#FFFFFF; background:#F23405; border:1px solid #F23405; margin-right:4px; padding:3px 6px;}
.wp-paginate .page_item span { }
.wp-paginate .prev, .wp-paginate .next {}
.wp-paginate li span, .wp-paginate li a { width:auto; float:none; }
            

/*----------------------------------------------------------------------
////////////
////////////	4. Left Sidebar
////////////
----------------------------------------------------------------------*/

	.sidebar {  font-family:Arial, Helvetica, Sans-Serif; position:relative; }
	
		.sidebar_wrapper { margin:20px 25px 10px; }
	
		.sidebar ul { list-style-type:none; }
		
			.sidebar form, 
			.sidebar .textwidget,
			.sideitem { padding:0 0 0.6em 0;  }
		
			.sidetitle { font-size:15px; color:#4A393A; font-weight:bold; padding:0 0 0.6em 0; display:block; }
			
			.sidebar p { color:#4A393A; }
			
			.sidebar ul li { line-height:1.2em; color:#4A393A; }
			
				.sidebar ul ul li, 
				.sidebar .textwidget { padding:0 10px .5em; font-weight:normal; font-size:13px; margin-bottom:0; }
				
					.sidebar ul ul li a { display:block; color:#4A393A; text-decoration:underline;}
					
						.sidebar ul ul li a:hover { color:#4A393A; text-decoration:none;}
						
				.sidebar ul ul ul { padding-top:1.2em; }

			
		.sidebar.left {  background:#FFFFFF url(themes/default/images/) repeat-y top right; float:left; width:127px; }

/*----------------------------------------------------------------------
////////////
////////////	5. Footer
////////////
----------------------------------------------------------------------*/
			
	#footer { font-family:Verdana, Helvetica, Sans-Serif; width:auto !important; width:718px; background: #FFFFFF url(themes/default/images/) no-repeat top center; position:relative; height:px; clear:both; text-align:center; line-height:1.3em; font-size:12px; }
    	
        #footing { display:block; position:relative; top:0px; padding:0 25px; }
    
		#footer p, 
        #footer .textwidget { display:block; position:relative; color:#8F6378; }
        
        #footer a { color:#666666; text-decoration:underline; }
        
        	#footer a:hover { color:#1A1A1A; text-decoration:none; }
        
		#footer ul, 
        #footer p,
        #footer .textwidget { list-style-type:none; padding-bottom:1em; }
        
			#footer ul li { display:inline; padding:0 5px;position:relative; }
