/* 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.	Sidebars
////////////	5.	Footer
////////////	6.	SubFooter
////////////
----------------------------------------------------------------------*/


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

	* { margin:0; padding:0; outline:none;  }
    
    html, body { height: 100%; }
    
    body { background-color:transparent; font-size:1em; }
		
		body.logged-in { background-position:left 45px; }		
	#container { position:relative; min-height:100%; background-image:url(https://frenzifrozenyogurt.com/wp-content/themes/hdt-frenzifrozenyogurt/images/Frenzi_Frozen_Yogurt_bkgd.jpg); background-repeat:repeat; background-position:left top; font-size:1em; }
	
		    	
	img { border:0;  }
	
	a { color:#FF3399;  }
    
		a:hover { color:#FF3399; }
        
	h1, h1 a { color:#D4E6CE;  }
    
	h2, h2 a { color:#D4E6CE;  }
    
	h3, h3 a { color:#D4E6CE;  }
            
	h4, h4 a { color:#D4E6CE;  }
    
	p, ol, ul { color:#336633;  }
    
    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; }
	
	.shrinkwrap { position:relative; width:960px; margin:0 auto;}	
	
    #main.onecol {width:910px; margin:0 25px;}
    #main.onecol .page {width:910px;}
	
	#main.twocol_l {width:700px; margin:0 25px 0 25px;}
	#main.twocol_l .page {width:700px;}
	
	#main.twocol_r {width:660px; margin:0 25px 0 25px;}
	#main.twocol_r .page {width:660px;}
	
	#main.threecol {width:450px; margin:0 25px;}
	#main.threecol .page {width:450px;}
	
	#main.threecol_l {width:450px; margin:0 25px 0 25px;}
	#main.threecol_l .page {width:450px;}
	
	#main.threecol_r {width:450px; margin:0 25px 0 25px;}
	#main.threecol_r .page {width:450px;}
    
         	
/*----------------------------------------------------------------------
////////////
////////////	1. Header
////////////
----------------------------------------------------------------------*/
		
	#header { position:relative; font-family:Arial, Helvetica, Sans-Serif; line-height:2em; background: transparent url(https://frenzifrozenyogurt.com/wp-content/themes/hdt-frenzifrozenyogurt/images/Frenzi_Frozen_Yogurt_Header.jpg) no-repeat  center bottom; width:100%;}
    	
		#header .shrinkwrap { height:195px; background: transparent; overflow:hidden;}
		
			#header a { text-decoration:underline; }
			
				#header .ImagePos {text-align:left;margin-top:0px;margin-bottom:0px;padding:0px;}
				
				#header a:hover { text-decoration:none; }
			
			#heading { display:block; position:relative; top:30px; padding:0 25px;}
				
				#header .title, #header .subtitle { text-align:center;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 { position:relative; background: transparent url(https://frenzifrozenyogurt.com/wp-content/themes/hdt-frenzifrozenyogurt/images/Frenzi_Frozen_Yogurt_Nav_bkgd.jpg) repeat-x  center bottom;  width:100%; }
		
		#nav .shrinkwrap { height:48px; background: transparent; overflow:visible;}
    
			#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:20px; font-family:Arial, Helvetica, Sans-Serif; z-index:10; margin:0 0.5px; }
						
						#nav .menu li a { display: -moz-inline-stack; display:inline-block; color:#CCCCCC; text-decoration:none; text-align:center; height:28px; padding: 10px 15px; text-decoration:none; line-height:28px;  background:transparent;}
						
							#nav .menu li a:hover
														,#nav .menu li.sfhover a,
							#nav .menu li:hover a
							 
							{ color:#CCCCCC; background:transparent; }
							#nav .menu li.current_page_item a,
							#nav .menu li.current-menu-item a { color:#CCCCCC; background:transparent; }
											 
			/*/// Dropdown CSS ///*/
			
						#nav .menu li.current_page_item li a,
						#nav .menu li.current-menu-item li a { color:#CCCCCC !important; background:#666666 !important; }
							#nav .menu li.current_page_item li a:hover,
							#nav .menu li.current-menu-item li a:hover { color:#CCCCCC !important; background:#666666 !important; }
							
						#nav .menu li li.current_page_item a,
						#nav .menu li li.current-menu-item a { color:#CCCCCC !important; background:#666666 !important; }
							#nav .menu li li.current_page_item li a,
							#nav .menu li li.current-menu-item li a { color:#CCCCCC !important; background:#666666 !important; }

							#nav .menu li ul { position:absolute; width:120px; left:-999em; z-index:100; text-align:left; margin-left:0; font-size:1em; top:48px; background:#666666; }
							
								#nav .menu ul li { float: left; clear:left; background:#666666; margin:0 !important; position:relative; }
							
									#nav .menu ul li a { min-height:16px; height:auto !important; height:16px; padding: 6px 15px 5px; line-height:16px; color:#CCCCCC !important; background:#666666 !important; width:90px; text-align:left; }
										
									#nav .menu ul li a:hover { background:#666666 !important; color:#CCCCCC !important; }
							
									#nav .menu li ul ul, 
									#nav .menu li ul ul ul { margin-top:0; padding:0; margin-left:120px; 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 { position:relative; background: transparent;  width:100%;}
		
		#content .shrinkwrap { background: transparent  }
		
			#main {  font-family:Arial, Helvetica, Sans-Serif; background:; float:left; margin:0px 25px 0 25px; position:relative; width:910px; font-size:16px; height: auto !important; }
			
			.main_wrapper { padding:20px 0 25px; float:left; }
				
				.main_wrapper .post_snippet, 
				.main_wrapper .post, 
				.main_wrapper .page,
				#comments_wrapper { float:left; position:relative; width:100% }
				
				#commentlist { margin-left:0; }
				
					.comment { list-style:none; }
						
						.comment .children {padding-bottom:0;margin-left:0;}
					
							.comment .comment { margin-left:1em; }
							
						#comments_count a { float:right; }
						
						.comment_box { padding:1.2em 1em 1em; border-top:1px solid #ccc; border-top:1px solid rgba(0,0,0,.25);}
					
					.comment.bypostauthor .highlight { font-style:normal; display:block; line-height:1.5em; margin-bottom:1em; padding:0 .5em; color:#fff; background-color:rgba(0,0,0,.25); }
					
					.comment.moderating .highlight { font-style:normal; display:block; line-height:1.5em; margin-bottom:1em; padding:0 .5em; color:#fff; background-color:rgba(255,0,0,.3); }
					
						.comment .vcard { float: left; width: 20%; font-size:.75em; font-style:normal; position:relative;}
						
							.comment_author { font-size:1.3em; font-style:normal; margin-bottom:.75em; display:block; }
								
								.comment_details { line-height:1em; font-size:.9em; }
								
							.comment-edit-link { clear:both; float:left; margin-top:1em;}
							
							.reply { float:left; margin-top:1em;}
							
						.comment_content { float: left; width: 77%; margin-left:3%;}
						
							.comment_content p { font-size:.9em; }
					
					#comment { width:100%; margin-bottom:1em;}
					#respond { margin:0 0 1em 1em;}
					
					.cancel-comment-reply {font-size:.9em;}
					
					.post_snippet { margin-bottom:1em; }
					
					.post_title a { color:#336633; }
						.post_title a:hover { color:#336633; }
					
					.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:26px; }
					.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:-.75em; font-size:0.75em; }
				
					.author { color:#666666; }
					
					.timeStamp { color:#666666; }
					
				.catstags { font-size:0.75em; top:-.5em; position:relative; }
					.cats {margin-right:1.5em; color:#666666;}
					.tags {color:#666666;}
					
				.readMore { display:block; margin-top:1em; }
					
				.textwidget {  }
				
				#search-results{margin-top: 30px;}
				
		#searchform { position:relative; }
     
		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:#fff; background:#FF3399; border:1px solid #FF3399; 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. Sidebars
////////////
----------------------------------------------------------------------*/

	.sidebar {  font-family:Arial, Helvetica, Sans-Serif; position:relative; }
	
		.sidebar_wrapper { margin:20px  10px  ; }
	
		.sidebar ul { list-style-type:none; }
		
			.sidebar form, 
			.sidebar .textwidget,
			.sideitem { padding:0 0 0.5em 0;  }
		
			.sidetitle { font-size:15px; color:#1A1A1A; font-weight:bold; padding:0 0 0.5em 0; display:block; }
			
			.sidebar p { color:#1A1A1A; font-size:13px; }
			.sidebar p a { color:#666666; text-decoration:underline; }
			.sidebar p a:hover { color:#1A1A1A; text-decoration:none; }
			
			.sidebar ul li { line-height:1em; color:#1A1A1A; }
			
				.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:#666666; text-decoration:underline;}
					
						.sidebar ul ul li a:hover { color:#1A1A1A; text-decoration:none;}
						
				.sidebar ul ul ul { padding-top:1em; }

			
		.sidebar.left {  background: #F5F5F5; float:left; width:210px; }
		
		.sidebar.right { background: #F5F5F5; float:left; width:250px; }

	.page-template-threeCol-php .sidebar.right .sidebar_wrapper,
	.page-template-threeCol_right-php .sidebar.right .sidebar_wrapper,
	.page-template-twoCol_right-php .sidebar.right .sidebar_wrapper	{margin-right: 25px; margin-left: 25px;}
	
	.page-template-threeCol_left-php .sidebar.right .sidebar_wrapper {margin-right: 25px; margin-left: 25px;}
	
	.page-template-threeCol-php .sidebar.left .sidebar_wrapper,
	.page-template-threeCol_left-php .sidebar.left .sidebar_wrapper,
	.page-template-twoCol_left-php .sidebar.left .sidebar_wrapper {margin-right: 25px; margin-left: 25px;}
	
	.page-template-threeCol_right-php .sidebar.left .sidebar_wrapper {margin-right: 25px; margin-left: 25px;}
	

/*----------------------------------------------------------------------
////////////
////////////	5. Footer
////////////
----------------------------------------------------------------------*/
			
	#footer { font-family:Arial, Helvetica, Sans-Serif;  position:relative; clear:both; text-align:center; line-height:1.3em; font-size:12px; background: transparent url(https://frenzifrozenyogurt.com/wp-content/themes/hdt-frenzifrozenyogurt/images/Frenzi_Frozen_Yogurt_footer_bkgd.jpg) repeat-x  left top; width:100%;}
    	
		#footer .shrinkwrap { background: transparent; height:200px;  }
		
			#footing { display:block; position:relative; top:4px; padding:0 25px; }
		
			#footer p, 
			#footer .textwidget { display:block; position:relative; color:#1A1A1A; }
			
			#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; }
				
/*----------------------------------------------------------------------
////////////
////////////	6. SubFooter
////////////
----------------------------------------------------------------------*/
			
	#subfooter { font-family:Arial, Helvetica, Sans-Serif;  position:relative; clear:both; text-align:center; line-height:1.3em; font-size:12px; background: transparent;  width:100%;}
    	
		#subfooter .shrinkwrap { background: transparent; min-height:15px; }
		
			#subfooting { display:block; position:relative; top:4px; padding:0 25px; }
		
			#subfooter p, 
			#subfooter .textwidget { display:block; position:relative; color:#1A1A1A; }
			
			#subfooter a { color:#666666; text-decoration:underline; }
			
				#subfooter a:hover { color:#1A1A1A; text-decoration:none; }
			
			#subfooter ul, 
			#subfooter p,
			#subfooter .textwidget { list-style-type:none; padding-bottom:1em; }
			
				#subfooter ul li { display:inline; padding:0 5px;position:relative; }