hcf

app/themes/hcf/404.php

@@ -0,0 +1,28 @@
+<?php get_header(); ?>
+	
+	<?php do_action( 'foto_before_404_content' ); ?>
+	
+	<section id="content" class="site-content" role="main">
+		<?php do_action( 'foto_before_404_article' ); ?>
+		
+			<article id="post-0" class="post error404 not-found">
+				<header class="entry-header">
+					<h1 class="entry-title"><?php _e( 'Oops! That page can&rsquo;t be found', 'foto' ); ?></h1>
+				</header>
+
+				<div class="entry-content">
+					<p><?php _e( 'It looks like nothing was found at this location. Maybe try you can try to search ?', 'foto' ); ?></p>
+
+					<?php get_search_form(); ?>
+
+				</div><!-- .entry-content -->
+				
+				<?php do_action( 'foto_after_404_entry' ); ?>
+			</article><!-- #post-0 -->
+		
+		<?php do_action( 'foto_after_404_article' ); ?>
+	</section><!-- end #content .site-content -->
+	
+	<?php do_action( 'foto_after_404_content' ); ?>
+	
+<?php get_footer(); ?>

app/themes/hcf/admin/css/optionsframework.css

@@ -0,0 +1,236 @@
+/* Options Framework Admin Styles */
+
+.updated {
+	max-width:764px;
+	margin-bottom:0px !important;
+}
+#optionsframework {
+	position:relative;
+	z-index: 0;
+	max-width:780px;
+	background:#fff;
+}
+#optionsframework h3 {
+	cursor: default;
+}
+#optionsframework p {
+	margin-bottom:0;
+	padding-bottom:10px;
+	line-height: 1.4em;
+}
+#optionsframework .section {
+	padding:10px 10px 0;
+}
+#optionsframework .group {
+	padding-bottom:40px;
+}
+#optionsframework .section .heading {
+	padding:10px 0px;
+	margin:0 0 15px;
+	border-bottom: 1px solid #dfdfdf;
+}
+#optionsframework .section .controls {
+	float: left;
+	min-width:350px;
+	width: 54%;
+	padding-right:2%;
+}
+#optionsframework .section .explain {
+	max-width:38%;
+	float: left;
+	font-size: 12px;
+	line-height:16px;
+	color: #777;
+}
+#optionsframework .section-checkbox .controls {
+	width: 98%;
+}
+#optionsframework .section-checkbox .explain {
+	max-width:94%;
+}
+#optionsframework .controls select, #optionsframework .controls textarea {
+	margin-bottom:10px;
+	width:100%;
+}
+#optionsframework .section-radio label, #optionsframework .section-multicheck label {
+	float:left;
+	max-width:90%;
+	line-height: 16px;
+	margin-bottom: 5px;
+}
+#optionsframework input.checkbox, #optionsframework input.of-radio {
+	width: 30px;
+	margin-top:2px;
+	float:left;
+	clear:both;
+}
+#optionsframework .section-typography .controls {
+	float:none;
+	width:auto;
+}
+#optionsframework .section-typography .explain {
+	float:none;
+	width:auto;
+}
+#optionsframework .controls .of-typography-size {
+	width:80px;
+	float:left
+}
+#optionsframework .controls .of-typography-unit {
+	width:50px;
+	margin-left:5px;
+	float:left
+}
+#optionsframework .controls .of-typography-face {
+	width:100px;
+	margin-left:5px;
+	float:left
+}
+#optionsframework .controls .of-typography-style {
+	width:80px;
+	margin-left:5px;
+	margin-right:5px;
+	float:left
+}
+#optionsframework .of-background-properties {
+	clear:both;
+	margin-top: 18px;	
+}
+#optionsframework .controls .of-background-repeat {
+	width:125px;
+	margin-right:5px;
+	float:left
+}
+#optionsframework .controls .of-background-position {
+	width:125px;
+	margin-right:5px;
+	float:left
+}
+#optionsframework .controls .of-background-attachment {
+	width:125px;
+	margin-right:5px;
+	float:left
+}
+#optionsframework .section-background .wp-picker-container {
+	margin-bottom:10px;
+}
+#optionsframework .controls .of-radio-img-img {
+	border:3px solid #f9f9f9;
+	margin:0 5px 10px 0;
+	display:none;
+	cursor:pointer;
+	float:left;
+}
+#optionsframework .controls .of-radio-img-selected {
+	border:3px solid #ccc
+}
+#optionsframework .controls .of-radio-img-img:hover {
+	opacity:.8;
+}
+#optionsframework .controls .of-border-width {
+	width:80px;
+	float:left
+}
+#optionsframework .controls .of-border-style {
+	width:120px;
+	float:left
+}
+#optionsframework .hide {
+	display:none;
+}
+#optionsframework .of-option-image {
+	max-width:340px;
+	margin:3px 0 18px 0;
+}
+#optionsframework .mini .controls select, #optionsframework .section .mini .controls {
+	width: 140px;
+}
+#optionsframework .mini .controls input, #optionsframework .mini .controls {
+	min-width:140px;
+	width: 140px;
+}
+#optionsframework .mini .explain {
+	max-width:74%;
+}
+
+/* Editor */
+
+#optionsframework .section-editor .explain {
+	max-width: 98%;
+	float:none;
+	margin-bottom:5px;
+}
+
+/* Image Uploader */
+
+#optionsframework .controls input.upload {
+	width:80%;
+}
+#optionsframework .controls input.upload_button {
+	float:right;
+	border-color:#BBBBBB;
+	cursor:pointer;
+}
+#optionsframework .controls input.upload_button:hover {
+	border-color:#666666;
+	color:#000;
+}
+#optionsframework .screenshot {
+	float:left;
+	margin-left:1px;
+	position:relative;
+	width:344px;
+	margin-top:3px;
+}
+#optionsframework .screenshot img {
+	background:#FAFAFA;
+	border-color:#ccc #eee #eee #ccc;
+	border-style:solid;
+	border-width:1px;
+	float:left;
+	max-width:334px;
+	padding:4px;
+	margin-bottom:10px;
+}
+#optionsframework .screenshot .mlu_remove {
+	background:url("../images/ico-delete.png") no-repeat;
+	border:medium none;
+	bottom:4px;
+	display:block;
+	float:left;
+	height:16px;
+	padding:0;
+	position:absolute;
+	left:-4px;
+	text-indent:-9999px;
+	width:16px;
+}
+#optionsframework .screenshot .no_image .file_link {
+	margin-left: 20px;
+}
+#optionsframework .screenshot .no_image .mlu_remove {
+	bottom: 0px;
+}
+#optionsframework .reset-button {
+	float:left;
+	cursor:pointer;
+}
+
+/* Bottom Section */
+
+#optionsframework-submit {
+	padding: 7px 10px;
+	border-top: 1px solid #ECECEC;
+	background-color: #F1F1F1;
+    background-image: -moz-linear-gradient(center top , #F9F9F9, #ECECEC);
+}
+#optionsframework .button-primary {
+	float:right;
+}
+#optionsframework .section:after {
+	content: "";
+	display: table;
+}
+#optionsframework .section:after {
+	clear: both;
+}

app/themes/hcf/admin/js/of-medialibrary-uploader.js

@@ -0,0 +1,163 @@
+/*-----------------------------------------------------------------------------------*/
+/* WooFramework Media Library-driven AJAX File Uploader Module
+/* JavaScript Functions (2010-11-05)
+/*
+/* The code below is designed to work as a part of the WooFramework Media Library-driven
+/* AJAX File Uploader Module. It is included only on screens where this module is used.
+/*
+/* Used with (very) slight modifications for Options Framework.
+/*-----------------------------------------------------------------------------------*/
+
+(function ($) {
+
+  optionsframeworkMLU = {
+  
+/*-----------------------------------------------------------------------------------*/
+/* Remove file when the "remove" button is clicked.
+/*-----------------------------------------------------------------------------------*/
+  
+    removeFile: function () {
+     
+     $('.mlu_remove').live('click', function(event) { 
+        $(this).hide();
+        $(this).parents().parents().children('.upload').attr('value', '');
+        $(this).parents('.screenshot').slideUp();
+        $(this).parents('.screenshot').siblings('.of-background-properties').hide(); //remove background properties
+        return false;
+      });
+      
+      // Hide the delete button on the first row 
+      $('a.delete-inline', "#option-1").hide();
+      
+    }, // End removeFile
+    
+/*-----------------------------------------------------------------------------------*/
+/* Replace the default file upload field with a customised version.
+/*-----------------------------------------------------------------------------------*/
+
+    recreateFileField: function () {
+    
+      $('input.file').each(function(){
+        var uploadbutton = '<input class="upload_file_button" type="button" value="Upload" />';
+        $(this).wrap('<div class="file_wrap" />');
+        $(this).addClass('file').css('opacity', 0); //set to invisible
+        $(this).parent().append($('<div class="fake_file" />').append($('<input type="text" class="upload" />').attr('id',$(this).attr('id')+'_file')).val( $(this).val() ).append(uploadbutton));
+ 
+        $(this).bind('change', function() {
+          $('#'+$(this).attr('id')+'_file').val($(this).val());
+        });
+        $(this).bind('mouseout', function() {
+          $('#'+$(this).attr('id')+'_file').val($(this).val());
+        });
+      });
+      
+    }, // End recreateFileField
+
+/*-----------------------------------------------------------------------------------*/
+/* Use a custom function when working with the Media Uploads popup.
+/* Requires jQuery, Media Upload and Thickbox JavaScripts.
+/*-----------------------------------------------------------------------------------*/
+
+	mediaUpload: function () {
+	
+	jQuery.noConflict();
+	
+	$( 'input.upload_button' ).removeAttr('style');
+	
+	var formfield,
+		formID,
+		btnContent = true,
+		tbframe_interval;
+		// On Click
+		$('input.upload_button').live("click", function () {
+        formfield = $(this).prev('input').attr('id');
+        formID = $(this).attr('rel');
+		
+		//Change "insert into post" to "Use this Button"
+		tbframe_interval = setInterval(function() {jQuery('#TB_iframeContent').contents().find('.savesend .button').val('Use This Image');}, 2000);
+        
+        // Display a custom title for each Thickbox popup.
+        var woo_title = '';
+        
+		if ( $(this).parents('.section').find('.heading') ) { woo_title = $(this).parents('.section').find('.heading').text(); } // End IF Statement
+        
+		tb_show( woo_title, 'media-upload.php?post_id='+formID+'&TB_iframe=1' );
+		return false;
+	});
+            
+	window.original_send_to_editor = window.send_to_editor;
+	window.send_to_editor = function(html) {
+        
+		if (formfield) {
+			
+			//clear interval for "Use this Button" so button text resets
+			clearInterval(tbframe_interval);
+        	
+			// itemurl = $(html).attr('href'); // Use the URL to the main image.
+          
+          if ( $(html).html(html).find('img').length > 0 ) {
+          
+          	itemurl = $(html).html(html).find('img').attr('src'); // Use the URL to the size selected.
+          	
+          } else {
+          
+          // It's not an image. Get the URL to the file instead.
+          	
+		  var htmlBits = html.split("'"); // jQuery seems to strip out XHTML when assigning the string to an object. Use alternate method.
+          itemurl = htmlBits[1]; // Use the URL to the file.
+          	
+          	var itemtitle = htmlBits[2];
+          	
+          	itemtitle = itemtitle.replace( '>', '' );
+          	itemtitle = itemtitle.replace( '</a>', '' );
+          
+          } // End IF Statement
+                   
+          var image = /(^.*\.jpg|jpeg|png|gif|ico*)/gi;
+          var document = /(^.*\.pdf|doc|docx|ppt|pptx|odt*)/gi;
+          var audio = /(^.*\.mp3|m4a|ogg|wav*)/gi;
+          var video = /(^.*\.mp4|m4v|mov|wmv|avi|mpg|ogv|3gp|3g2*)/gi;
+          
+          if (itemurl.match(image)) {
+            btnContent = '<img src="'+itemurl+'" alt="" /><a href="#" class="mlu_remove button">Remove Image</a>';
+          } else {
+          	
+          	// No output preview if it's not an image.
+            // btnContent = '';
+            // Standard generic output if it's not an image.
+            
+            html = '<a href="'+itemurl+'" target="_blank" rel="external">View File</a>';
+            btnContent = '<div class="no_image"><span class="file_link">'+html+'</span><a href="#" class="mlu_remove button">Remove</a></div>';
+          }
+          
+          $('#' + formfield).val(itemurl);
+          // $('#' + formfield).next().next('div').slideDown().html(btnContent);
+          $('#' + formfield).siblings('.screenshot').slideDown().html(btnContent);
+		  $('#' + formfield).siblings('.of-background-properties').show(); //show background properties
+          tb_remove();
+          
+        } else {
+          window.original_send_to_editor(html);
+        }
+        
+        // Clear the formfield value so the other media library popups can work as they are meant to. - 2010-11-11.
+        formfield = '';
+      }
+      
+    } // End mediaUpload
+   
+  }; // End optionsframeworkMLU Object // Don't remove this, or the sky will fall on your head.
+
+/*-----------------------------------------------------------------------------------*/
+/* Execute the above methods in the optionsframeworkMLU object.
+/*-----------------------------------------------------------------------------------*/
+  
+	$(document).ready(function () {
+
+		optionsframeworkMLU.removeFile();
+		optionsframeworkMLU.recreateFileField();
+		optionsframeworkMLU.mediaUpload();
+	
+	});
+  
+})(jQuery);

app/themes/hcf/admin/js/options-custom.js

@@ -0,0 +1,91 @@
+/**
+ * Prints out the inline javascript needed for the colorpicker and choosing
+ * the tabs in the panel.
+ */
+
+jQuery(document).ready(function($) {
+	
+	// Fade out the save message
+	$('.fade').delay(1000).fadeOut(1000);
+	
+	$('.of-color').wpColorPicker();
+	
+	// Switches option sections
+	$('.group').hide();
+	var activetab = '';
+	if (typeof(localStorage) != 'undefined' ) {
+		activetab = localStorage.getItem("activetab");
+	}
+	if (activetab != '' && $(activetab).length ) {
+		$(activetab).fadeIn();
+	} else {
+		$('.group:first').fadeIn();
+	}
+	$('.group .collapsed').each(function(){
+		$(this).find('input:checked').parent().parent().parent().nextAll().each( 
+			function(){
+				if ($(this).hasClass('last')) {
+					$(this).removeClass('hidden');
+						return false;
+					}
+				$(this).filter('.hidden').removeClass('hidden');
+			});
+	});
+	
+	if (activetab != '' && $(activetab + '-tab').length ) {
+		$(activetab + '-tab').addClass('nav-tab-active');
+	}
+	else {
+		$('.nav-tab-wrapper a:first').addClass('nav-tab-active');
+	}
+	$('.nav-tab-wrapper a').click(function(evt) {
+		$('.nav-tab-wrapper a').removeClass('nav-tab-active');
+		$(this).addClass('nav-tab-active').blur();
+		var clicked_group = $(this).attr('href');
+		if (typeof(localStorage) != 'undefined' ) {
+			localStorage.setItem("activetab", $(this).attr('href'));
+		}
+		$('.group').hide();
+		$(clicked_group).fadeIn();
+		evt.preventDefault();
+		
+		// Editor Height (needs improvement)
+		$('.wp-editor-wrap').each(function() {
+			var editor_iframe = $(this).find('iframe');
+			if ( editor_iframe.height() < 30 ) {
+				editor_iframe.css({'height':'auto'});
+			}
+		});
+	
+	});
+           					
+	$('.group .collapsed input:checkbox').click(unhideHidden);
+				
+	function unhideHidden(){
+		if ($(this).attr('checked')) {
+			$(this).parent().parent().parent().nextAll().removeClass('hidden');
+		}
+		else {
+			$(this).parent().parent().parent().nextAll().each( 
+			function(){
+				if ($(this).filter('.last').length) {
+					$(this).addClass('hidden');
+					return false;		
+					}
+				$(this).addClass('hidden');
+			});
+           					
+		}
+	}
+	
+	// Image Options
+	$('.of-radio-img-img').click(function(){
+		$(this).parent().parent().find('.of-radio-img-img').removeClass('of-radio-img-selected');
+		$(this).addClass('of-radio-img-selected');		
+	});
+		
+	$('.of-radio-img-label').hide();
+	$('.of-radio-img-img').show();
+	$('.of-radio-img-radio').hide();
+		 		
+});	

app/themes/hcf/admin/options-framework.php

@@ -0,0 +1,410 @@
+<?php
+/*
+Description: A framework for building theme options.
+Author: Devin Price
+Author URI: http://www.wptheming.com
+License: GPLv2
+Version: 1.4
+*/
+
+/*
+This program is free software; you can redistribute it and/or
+modify it under the terms of the GNU General Public License
+as published by the Free Software Foundation; either version 2
+of the License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program; if not, write to the Free Software
+Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+*/
+
+/* If the user can't edit theme options, no use running this plugin */
+
+add_action('init', 'optionsframework_rolescheck' );
+
+function optionsframework_rolescheck () {
+	if ( current_user_can( 'edit_theme_options' ) ) {
+		// If the user can edit theme options, let the fun begin!
+		add_action( 'admin_menu', 'optionsframework_add_page');
+		add_action( 'admin_init', 'optionsframework_init' );
+		add_action( 'admin_init', 'optionsframework_mlu_init' );
+		add_action( 'wp_before_admin_bar_render', 'optionsframework_adminbar' );
+	}
+}
+
+/* Loads the file for option sanitization */
+
+add_action('init', 'optionsframework_load_sanitization' );
+
+function optionsframework_load_sanitization() {
+	require_once dirname( __FILE__ ) . '/options-sanitize.php';
+}
+
+/* 
+ * Creates the settings in the database by looping through the array
+ * we supplied in options.php.  This is a neat way to do it since
+ * we won't have to save settings for headers, descriptions, or arguments.
+ *
+ * Read more about the Settings API in the WordPress codex:
+ * http://codex.wordpress.org/Settings_API
+ *
+ */
+
+function optionsframework_init() {
+
+	// Include the required files
+	require_once dirname( __FILE__ ) . '/options-interface.php';
+	require_once dirname( __FILE__ ) . '/options-medialibrary-uploader.php';
+	
+	// Loads the options array from the theme
+	if ( $optionsfile = locate_template( array('includes/options.php') ) ) {
+		require_once($optionsfile);
+	}
+	else if (file_exists( dirname( __FILE__ ) . '/includes/options.php' ) ) {
+		require_once dirname( __FILE__ ) . '/includes/options.php';
+	}
+	
+	$optionsframework_settings = get_option('optionsframework' );
+	
+	// Updates the unique option id in the database if it has changed
+	optionsframework_option_name();
+	
+	// Gets the unique id, returning a default if it isn't defined
+	if ( isset($optionsframework_settings['id']) ) {
+		$option_name = $optionsframework_settings['id'];
+	}
+	else {
+		$option_name = 'optionsframework';
+	}
+	
+	// If the option has no saved data, load the defaults
+	if ( ! get_option($option_name) ) {
+		optionsframework_setdefaults();
+	}
+	
+	// Registers the settings fields and callback
+	register_setting( 'optionsframework', $option_name, 'optionsframework_validate' );
+	
+	// Change the capability required to save the 'optionsframework' options group.
+	add_filter( 'option_page_capability_optionsframework', 'optionsframework_page_capability' );
+}
+
+/**
+ * Ensures that a user with the 'edit_theme_options' capability can actually set the options
+ * See: http://core.trac.wordpress.org/ticket/14365
+ *
+ * @param string $capability The capability used for the page, which is manage_options by default.
+ * @return string The capability to actually use.
+ */
+
+function optionsframework_page_capability( $capability ) {
+	return 'edit_theme_options';
+}
+
+/* 
+ * Adds default options to the database if they aren't already present.
+ * May update this later to load only on plugin activation, or theme
+ * activation since most people won't be editing the options.php
+ * on a regular basis.
+ *
+ * http://codex.wordpress.org/Function_Reference/add_option
+ *
+ */
+
+function optionsframework_setdefaults() {
+	
+	$optionsframework_settings = get_option('optionsframework');
+
+	// Gets the unique option id
+	$option_name = $optionsframework_settings['id'];
+	
+	/* 
+	 * Each theme will hopefully have a unique id, and all of its options saved
+	 * as a separate option set.  We need to track all of these option sets so
+	 * it can be easily deleted if someone wishes to remove the plugin and
+	 * its associated data.  No need to clutter the database.  
+	 *
+	 */
+	
+	if ( isset($optionsframework_settings['knownoptions']) ) {
+		$knownoptions =  $optionsframework_settings['knownoptions'];
+		if ( !in_array($option_name, $knownoptions) ) {
+			array_push( $knownoptions, $option_name );
+			$optionsframework_settings['knownoptions'] = $knownoptions;
+			update_option('optionsframework', $optionsframework_settings);
+		}
+	} else {
+		$newoptionname = array($option_name);
+		$optionsframework_settings['knownoptions'] = $newoptionname;
+		update_option('optionsframework', $optionsframework_settings);
+	}
+	
+	// Gets the default options data from the array in options.php
+	$options = optionsframework_options();
+	
+	// If the options haven't been added to the database yet, they are added now
+	$values = of_get_default_values();
+	
+	if ( isset($values) ) {
+		add_option( $option_name, $values ); // Add option with default settings
+	}
+}
+
+/* Add a subpage called "Theme Options" to the appearance menu. */
+
+if ( !function_exists( 'optionsframework_add_page' ) ) {
+
+	function optionsframework_add_page() {
+		$of_page = add_theme_page( __( 'Foto Theme Options', 'foto' ), __( 'Foto Theme Options', 'foto' ), 'edit_theme_options', 'options-framework','optionsframework_page');
+		
+		// Load the required CSS and javscript
+		add_action('admin_enqueue_scripts', 'optionsframework_load_scripts');
+		add_action( 'admin_print_styles-' . $of_page, 'optionsframework_load_styles' );
+	}
+	
+}
+
+/* Loads the CSS */
+
+function optionsframework_load_styles() {
+	wp_enqueue_style('optionsframework', OPTIONS_FRAMEWORK_DIRECTORY . 'css/optionsframework.css');
+	if ( !wp_style_is( 'wp-color-picker','registered' ) ) {
+		wp_register_style('wp-color-picker', OPTIONS_FRAMEWORK_DIRECTORY . 'css/color-picker.min.css');
+	}
+	wp_enqueue_style( 'wp-color-picker' );
+}
+
+/* Loads the javascript */
+
+function optionsframework_load_scripts($hook) {
+
+	if ( 'appearance_page_options-framework' != $hook )
+        return;
+
+	// Enqueue colorpicker scripts for versions below 3.5
+	// for compatibility
+	
+	if ( !wp_script_is( 'wp-color-picker', 'registered' ) ) {
+		wp_register_script( 'iris', OPTIONS_FRAMEWORK_DIRECTORY . 'js/iris.min.js', array( 'jquery-ui-draggable', 'jquery-ui-slider', 'jquery-touch-punch' ), false, 1 );
+		wp_register_script( 'wp-color-picker', OPTIONS_FRAMEWORK_DIRECTORY . 'js/color-picker.min.js', array( 'jquery', 'iris' ) );
+		$colorpicker_l10n = array(
+			'clear' => __( 'Clear', 'foto' ),
+			'defaultString' => __( 'Default', 'foto' ),
+			'pick' => __( 'Select Color', 'foto' )
+		);
+		wp_localize_script( 'wp-color-picker', 'wpColorPickerL10n', $colorpicker_l10n );
+	}
+	
+	// Enqueue custom option panel JS
+	wp_enqueue_script( 'options-custom', OPTIONS_FRAMEWORK_DIRECTORY . 'js/options-custom.js', array( 'jquery','wp-color-picker' ) );
+
+	// Inline scripts from options-interface.php
+	add_action( 'admin_head', 'of_admin_head' );
+}
+
+function of_admin_head() {
+	// Hook to add custom scripts
+	do_action( 'optionsframework_custom_scripts' );
+}
+
+/* 
+ * Builds out the options panel.
+ *
+ * If we were using the Settings API as it was likely intended we would use
+ * do_settings_sections here.  But as we don't want the settings wrapped in a table,
+ * we'll call our own custom optionsframework_fields.  See options-interface.php
+ * for specifics on how each individual field is generated.
+ *
+ * Nonces are provided using the settings_fields()
+ *
+ */
+
+if ( !function_exists( 'optionsframework_page' ) ) :
+function optionsframework_page() {
+	settings_errors(); ?>
+
+	<div id="optionsframework-wrap" class="wrap">
+    <?php screen_icon( 'themes' ); ?>
+    <h2 class="nav-tab-wrapper">
+        <?php echo optionsframework_tabs(); ?>
+    </h2>
+
+    <div id="optionsframework-metabox" class="metabox-holder">
+	    <div id="optionsframework" class="postbox">
+			<form action="options.php" method="post">
+			<?php settings_fields('optionsframework'); ?>
+			<?php optionsframework_fields(); /* Settings */ ?>
+			<div id="optionsframework-submit">
+				<input type="submit" class="button-primary" name="update" value="<?php esc_attr_e( 'Save Options', 'foto' ); ?>" />
+				<input type="submit" class="reset-button button-secondary" name="reset" value="<?php esc_attr_e( 'Restore Defaults', 'foto' ); ?>" onclick="return confirm( '<?php print esc_js( __( 'Click OK to reset. Any theme settings will be lost!', 'foto' ) ); ?>' );" />
+				<div class="clear"></div>
+			</div>
+			</form>
+		</div> <!-- / #container -->
+	</div>
+	<?php do_action('optionsframework_after'); ?>
+	</div> <!-- / .wrap -->
+	
+<?php
+}
+endif;
+
+/**
+ * Validate Options.
+ *
+ * This runs after the submit/reset button has been clicked and
+ * validates the inputs.
+ *
+ * @uses $_POST['reset'] to restore default options
+ */
+function optionsframework_validate( $input ) {
+
+	/*
+	 * Restore Defaults.
+	 *
+	 * In the event that the user clicked the "Restore Defaults"
+	 * button, the options defined in the theme's options.php
+	 * file will be added to the option for the active theme.
+	 */
+
+	if ( isset( $_POST['reset'] ) ) {
+		add_settings_error( 'options-framework', 'restore_defaults', __( 'Default options restored.', 'foto' ), 'updated fade' );
+		return of_get_default_values();
+	}
+	
+	/*
+	 * Update Settings
+	 *
+	 * This used to check for $_POST['update'], but has been updated
+	 * to be compatible with the theme customizer introduced in WordPress 3.4
+	 */
+	 
+	$clean = array();
+	$options = optionsframework_options();
+	foreach ( $options as $option ) {
+
+		if ( ! isset( $option['id'] ) ) {
+			continue;
+		}
+
+		if ( ! isset( $option['type'] ) ) {
+			continue;
+		}
+
+		$id = preg_replace( '/[^a-zA-Z0-9._\-]/', '', strtolower( $option['id'] ) );
+
+		// Set checkbox to false if it wasn't sent in the $_POST
+		if ( 'checkbox' == $option['type'] && ! isset( $input[$id] ) ) {
+			$input[$id] = false;
+		}
+
+		// Set each item in the multicheck to false if it wasn't sent in the $_POST
+		if ( 'multicheck' == $option['type'] && ! isset( $input[$id] ) ) {
+			foreach ( $option['options'] as $key => $value ) {
+				$input[$id][$key] = false;
+			}
+		}
+
+		// For a value to be submitted to database it must pass through a sanitization filter
+		if ( has_filter( 'of_sanitize_' . $option['type'] ) ) {
+			$clean[$id] = apply_filters( 'of_sanitize_' . $option['type'], $input[$id], $option );
+		}
+	}
+	
+	// Hook to run after validation
+	do_action( 'optionsframework_after_validate', $clean );
+	
+	return $clean;
+}
+
+/**
+ * Display message when options have been saved
+ */
+ 
+function optionsframework_save_options_notice() {
+	add_settings_error( 'options-framework', 'save_options', __( 'Options saved.', 'foto' ), 'updated fade' );
+}
+
+add_action( 'optionsframework_after_validate', 'optionsframework_save_options_notice' );
+
+/**
+ * Format Configuration Array.
+ *
+ * Get an array of all default values as set in
+ * options.php. The 'id','std' and 'type' keys need
+ * to be defined in the configuration array. In the
+ * event that these keys are not present the option
+ * will not be included in this function's output.
+ *
+ * @return    array     Rey-keyed options configuration array.
+ *
+ * @access    private
+ */
+ 
+function of_get_default_values() {
+	$output = array();
+	$config = optionsframework_options();
+	foreach ( (array) $config as $option ) {
+		if ( ! isset( $option['id'] ) ) {
+			continue;
+		}
+		if ( ! isset( $option['std'] ) ) {
+			continue;
+		}
+		if ( ! isset( $option['type'] ) ) {
+			continue;
+		}
+		if ( has_filter( 'of_sanitize_' . $option['type'] ) ) {
+			$output[$option['id']] = apply_filters( 'of_sanitize_' . $option['type'], $option['std'], $option );
+		}
+	}
+	return $output;
+}
+
+/**
+ * Add Theme Options menu item to Admin Bar.
+ */
+
+function optionsframework_adminbar() {
+
+	global $wp_admin_bar;
+
+	$wp_admin_bar->add_menu( array(
+			'parent' => 'appearance',
+			'id' => 'of_theme_options',
+			'title' => __( 'Theme Options', 'foto' ),
+			'href' => admin_url( 'themes.php?page=options-framework' )
+		));
+}
+
+if ( ! function_exists( 'of_get_option' ) ) {
+
+	/**
+	 * Get Option.
+	 *
+	 * Helper function to return the theme option value.
+	 * If no value has been saved, it returns $default.
+	 * Needed because options are saved as serialized strings.
+	 */
+	 
+	function of_get_option( $name, $default = false ) {
+		$config = get_option( 'optionsframework' );
+
+		if ( ! isset( $config['id'] ) ) {
+			return $default;
+		}
+
+		$options = get_option( $config['id'] );
+
+		if ( isset( $options[$name] ) ) {
+			return $options[$name];
+		}
+
+		return $default;
+	}
+}

app/themes/hcf/admin/options-interface.php

@@ -0,0 +1,413 @@
+<?php
+
+/**
+ * Generates the tabs that are used in the options menu
+ */
+
+function optionsframework_tabs() {
+	$counter = 0;
+	$optionsframework_settings = get_option('options_framework_theme');
+	$options = optionsframework_options();
+	$menu = '';
+
+	foreach ($options as $value) {
+		$counter++;
+		// Heading for Navigation
+		if ($value['type'] == "heading") {
+			$id = ! empty( $value['id'] ) ? $value['id'] : $value['name'];
+			$jquery_click_hook = preg_replace('/[^a-zA-Z0-9._\-]/', '', strtolower($id) );
+			$jquery_click_hook = "of-option-" . $jquery_click_hook . $counter;
+			$menu .= '<a id="'.  esc_attr( $jquery_click_hook ) . '-tab" class="nav-tab" title="' . esc_attr( $value['name'] ) . '" href="' . esc_attr( '#'.  $jquery_click_hook ) . '">' . esc_html( $value['name'] ) . '</a>';
+		}
+	}
+
+	return $menu;
+}
+
+/**
+ * Generates the options fields that are used in the form.
+ */
+
+function optionsframework_fields() {
+
+	global $allowedtags;
+	$optionsframework_settings = get_option('optionsframework');
+
+	// Gets the unique option id
+	if ( isset( $optionsframework_settings['id'] ) ) {
+		$option_name = $optionsframework_settings['id'];
+	}
+	else {
+		$option_name = 'optionsframework';
+	};
+
+	$settings = get_option($option_name);
+	$options = optionsframework_options();
+
+	$counter = 0;
+	$menu = '';
+
+	foreach ( $options as $value ) {
+
+		$counter++;
+		$val = '';
+		$select_value = '';
+		$checked = '';
+		$output = '';
+
+		// Wrap all options
+		if ( ( $value['type'] != "heading" ) && ( $value['type'] != "info" ) ) {
+
+			// Keep all ids lowercase with no spaces
+			$value['id'] = preg_replace('/[^a-zA-Z0-9._\-]/', '', strtolower($value['id']) );
+
+			$id = 'section-' . $value['id'];
+
+			$class = 'section ';
+			if ( isset( $value['type'] ) ) {
+				$class .= ' section-' . $value['type'];
+			}
+			if ( isset( $value['class'] ) ) {
+				$class .= ' ' . $value['class'];
+			}
+
+			$output .= '<div id="' . esc_attr( $id ) .'" class="' . esc_attr( $class ) . '">'."\n";
+			if ( isset( $value['name'] ) ) {
+				$output .= '<h4 class="heading">' . esc_html( $value['name'] ) . '</h4>' . "\n";
+			}
+			if ( $value['type'] != 'editor' ) {
+				$output .= '<div class="option">' . "\n" . '<div class="controls">' . "\n";
+			}
+			else {
+				$output .= '<div class="option">' . "\n" . '<div>' . "\n";
+			}
+		}
+
+		// Set default value to $val
+		if ( isset( $value['std'] ) ) {
+			$val = $value['std'];
+		}
+
+		// If the option is already saved, ovveride $val
+		if ( ( $value['type'] != 'heading' ) && ( $value['type'] != 'info') ) {
+			if ( isset( $settings[($value['id'])]) ) {
+				$val = $settings[($value['id'])];
+				// Striping slashes of non-array options
+				if ( !is_array($val) ) {
+					$val = stripslashes( $val );
+				}
+			}
+		}
+
+		// If there is a description save it for labels
+		$explain_value = '';
+		if ( isset( $value['desc'] ) ) {
+			$explain_value = $value['desc'];
+		}
+
+		switch ( $value['type'] ) {
+
+		// Basic text input
+		case 'text':
+			$output .= '<input id="' . esc_attr( $value['id'] ) . '" class="of-input" name="' . esc_attr( $option_name . '[' . $value['id'] . ']' ) . '" type="text" value="' . esc_attr( $val ) . '" />';
+			break;
+
+		// Password input
+		case 'password':
+			$output .= '<input id="' . esc_attr( $value['id'] ) . '" class="of-input" name="' . esc_attr( $option_name . '[' . $value['id'] . ']' ) . '" type="password" value="' . esc_attr( $val ) . '" />';
+			break;
+
+		// Textarea
+		case 'textarea':
+			$rows = '8';
+
+			if ( isset( $value['settings']['rows'] ) ) {
+				$custom_rows = $value['settings']['rows'];
+				if ( is_numeric( $custom_rows ) ) {
+					$rows = $custom_rows;
+				}
+			}
+
+			$val = stripslashes( $val );
+			$output .= '<textarea id="' . esc_attr( $value['id'] ) . '" class="of-input" name="' . esc_attr( $option_name . '[' . $value['id'] . ']' ) . '" rows="' . $rows . '">' . esc_textarea( $val ) . '</textarea>';
+			break;
+
+		// Select Box
+		case 'select':
+			$output .= '<select class="of-input" name="' . esc_attr( $option_name . '[' . $value['id'] . ']' ) . '" id="' . esc_attr( $value['id'] ) . '">';
+
+			foreach ($value['options'] as $key => $option ) {
+				$selected = '';
+				if ( $val != '' ) {
+					if ( $val == $key) { $selected = ' selected="selected"';}
+				}
+				$output .= '<option'. $selected .' value="' . esc_attr( $key ) . '">' . esc_html( $option ) . '</option>';
+			}
+			$output .= '</select>';
+			break;
+
+
+		// Radio Box
+		case "radio":
+			$name = $option_name .'['. $value['id'] .']';
+			foreach ($value['options'] as $key => $option) {
+				$id = $option_name . '-' . $value['id'] .'-'. $key;
+				$output .= '<input class="of-input of-radio" type="radio" name="' . esc_attr( $name ) . '" id="' . esc_attr( $id ) . '" value="'. esc_attr( $key ) . '" '. checked( $val, $key, false) .' /><label for="' . esc_attr( $id ) . '">' . esc_html( $option ) . '</label>';
+			}
+			break;
+
+		// Image Selectors
+		case "images":
+			$name = $option_name .'['. $value['id'] .']';
+			foreach ( $value['options'] as $key => $option ) {
+				$selected = '';
+				$checked = '';
+				if ( $val != '' ) {
+					if ( $val == $key ) {
+						$selected = ' of-radio-img-selected';
+						$checked = ' checked="checked"';
+					}
+				}
+				$output .= '<input type="radio" id="' . esc_attr( $value['id'] .'_'. $key) . '" class="of-radio-img-radio" value="' . esc_attr( $key ) . '" name="' . esc_attr( $name ) . '" '. $checked .' />';
+				$output .= '<div class="of-radio-img-label">' . esc_html( $key ) . '</div>';
+				$output .= '<img src="' . esc_url( $option ) . '" alt="' . $option .'" class="of-radio-img-img' . $selected .'" onclick="document.getElementById(\''. esc_attr($value['id'] .'_'. $key) .'\').checked=true;" />';
+			}
+			break;
+
+		// Checkbox
+		case "checkbox":
+			$output .= '<input id="' . esc_attr( $value['id'] ) . '" class="checkbox of-input" type="checkbox" name="' . esc_attr( $option_name . '[' . $value['id'] . ']' ) . '" '. checked( $val, 1, false) .' />';
+			$output .= '<label class="explain" for="' . esc_attr( $value['id'] ) . '">' . wp_kses( $explain_value, $allowedtags) . '</label>';
+			break;
+
+		// Multicheck
+		case "multicheck":
+			foreach ($value['options'] as $key => $option) {
+				$checked = '';
+				$label = $option;
+				$option = preg_replace('/[^a-zA-Z0-9._\-]/', '', strtolower($key));
+
+				$id = $option_name . '-' . $value['id'] . '-'. $option;
+				$name = $option_name . '[' . $value['id'] . '][' . $option .']';
+
+				if ( isset($val[$option]) ) {
+					$checked = checked($val[$option], 1, false);
+				}
+
+				$output .= '<input id="' . esc_attr( $id ) . '" class="checkbox of-input" type="checkbox" name="' . esc_attr( $name ) . '" ' . $checked . ' /><label for="' . esc_attr( $id ) . '">' . esc_html( $label ) . '</label>';
+			}
+			break;
+
+		// Color picker
+		case "color":
+			$default_color = '';
+			if ( isset($value['std']) ) {
+				if ( $val !=  $value['std'] )
+					$default_color = ' data-default-color="' .$value['std'] . '" ';
+			}
+			$output .= '<input name="' . esc_attr( $option_name . '[' . $value['id'] . ']' ) . '" id="' . esc_attr( $value['id'] ) . '" class="of-color"  type="text" value="' . esc_attr( $val ) . '"' . $default_color .' />';
+ 	
+			break;
+
+		// Uploader
+		case "upload":
+			$output .= optionsframework_medialibrary_uploader( $value['id'], $val, null );
+			break;
+
+		// Typography
+		case 'typography':
+		
+			unset( $font_size, $font_style, $font_face, $font_color );
+		
+			$typography_defaults = array(
+				'size' => '',
+				'face' => '',
+				'style' => '',
+				'color' => ''
+			);
+			
+			$typography_stored = wp_parse_args( $val, $typography_defaults );
+			
+			$typography_options = array(
+				'sizes' => of_recognized_font_sizes(),
+				'faces' => of_recognized_font_faces(),
+				'styles' => of_recognized_font_styles(),
+				'color' => true
+			);
+			
+			if ( isset( $value['options'] ) ) {
+				$typography_options = wp_parse_args( $value['options'], $typography_options );
+			}
+
+			// Font Size
+			if ( $typography_options['sizes'] ) {
+				$font_size = '<select class="of-typography of-typography-size" name="' . esc_attr( $option_name . '[' . $value['id'] . '][size]' ) . '" id="' . esc_attr( $value['id'] . '_size' ) . '">';
+				$sizes = $typography_options['sizes'];
+				foreach ( $sizes as $i ) {
+					$size = $i . 'px';
+					$font_size .= '<option value="' . esc_attr( $size ) . '" ' . selected( $typography_stored['size'], $size, false ) . '>' . esc_html( $size ) . '</option>';
+				}
+				$font_size .= '</select>';
+			}
+
+			// Font Face
+			if ( $typography_options['faces'] ) {
+				$font_face = '<select class="of-typography of-typography-face" name="' . esc_attr( $option_name . '[' . $value['id'] . '][face]' ) . '" id="' . esc_attr( $value['id'] . '_face' ) . '">';
+				$faces = $typography_options['faces'];
+				foreach ( $faces as $key => $face ) {
+					$font_face .= '<option value="' . esc_attr( $key ) . '" ' . selected( $typography_stored['face'], $key, false ) . '>' . esc_html( $face ) . '</option>';
+				}
+				$font_face .= '</select>';
+			}
+
+			// Font Styles
+			if ( $typography_options['styles'] ) {
+				$font_style = '<select class="of-typography of-typography-style" name="'.$option_name.'['.$value['id'].'][style]" id="'. $value['id'].'_style">';
+				$styles = $typography_options['styles'];
+				foreach ( $styles as $key => $style ) {
+					$font_style .= '<option value="' . esc_attr( $key ) . '" ' . selected( $typography_stored['style'], $key, false ) . '>'. $style .'</option>';
+				}
+				$font_style .= '</select>';
+			}
+
+			// Font Color
+			if ( $typography_options['color'] ) {
+				$default_color = '';
+				if ( isset($value['std']['color']) ) {
+					if ( $val !=  $value['std']['color'] )
+						$default_color = ' data-default-color="' .$value['std']['color'] . '" ';
+				}
+				$font_color = '<input name="' . esc_attr( $option_name . '[' . $value['id'] . '][color]' ) . '" id="' . esc_attr( $value['id'] . '_color' ) . '" class="of-color of-typography-color  type="text" value="' . esc_attr( $typography_stored['color'] ) . '"' . $default_color .' />';
+			}
+	
+			// Allow modification/injection of typography fields
+			$typography_fields = compact( 'font_size', 'font_face', 'font_style', 'font_color' );
+			$typography_fields = apply_filters( 'of_typography_fields', $typography_fields, $typography_stored, $option_name, $value );
+			$output .= implode( '', $typography_fields );
+			
+			break;
+
+		// Background
+		case 'background':
+
+			$background = $val;
+
+			// Background Color
+			$default_color = '';
+			if ( isset($value['std']['color']) ) {
+				if ( $val !=  $value['std']['color'] )
+					$default_color = ' data-default-color="' .$value['std']['color'] . '" ';
+			}
+			$output .= '<input name="' . esc_attr( $option_name . '[' . $value['id'] . '][color]' ) . '" id="' . esc_attr( $value['id'] . '_color' ) . '" class="of-color of-background-color"  type="text" value="' . esc_attr( $background['color'] ) . '"' . $default_color .' />';
+
+			// Background Image - New AJAX Uploader using Media Library
+			if (!isset($background['image'])) {
+				$background['image'] = '';
+			}
+
+			$output .= optionsframework_medialibrary_uploader( $value['id'], $background['image'], null, '',0,'image');
+			$class = 'of-background-properties';
+			if ( '' == $background['image'] ) {
+				$class .= ' hide';
+			}
+			$output .= '<div class="' . esc_attr( $class ) . '">';
+
+			// Background Repeat
+			$output .= '<select class="of-background of-background-repeat" name="' . esc_attr( $option_name . '[' . $value['id'] . '][repeat]'  ) . '" id="' . esc_attr( $value['id'] . '_repeat' ) . '">';
+			$repeats = of_recognized_background_repeat();
+
+			foreach ($repeats as $key => $repeat) {
+				$output .= '<option value="' . esc_attr( $key ) . '" ' . selected( $background['repeat'], $key, false ) . '>'. esc_html( $repeat ) . '</option>';
+			}
+			$output .= '</select>';
+
+			// Background Position
+			$output .= '<select class="of-background of-background-position" name="' . esc_attr( $option_name . '[' . $value['id'] . '][position]' ) . '" id="' . esc_attr( $value['id'] . '_position' ) . '">';
+			$positions = of_recognized_background_position();
+
+			foreach ($positions as $key=>$position) {
+				$output .= '<option value="' . esc_attr( $key ) . '" ' . selected( $background['position'], $key, false ) . '>'. esc_html( $position ) . '</option>';
+			}
+			$output .= '</select>';
+
+			// Background Attachment
+			$output .= '<select class="of-background of-background-attachment" name="' . esc_attr( $option_name . '[' . $value['id'] . '][attachment]' ) . '" id="' . esc_attr( $value['id'] . '_attachment' ) . '">';
+			$attachments = of_recognized_background_attachment();
+
+			foreach ($attachments as $key => $attachment) {
+				$output .= '<option value="' . esc_attr( $key ) . '" ' . selected( $background['attachment'], $key, false ) . '>' . esc_html( $attachment ) . '</option>';
+			}
+			$output .= '</select>';
+			$output .= '</div>';
+
+			break;
+			
+		// Editor
+		case 'editor':
+			$output .= '<div class="explain">' . wp_kses( $explain_value, $allowedtags) . '</div>'."\n";
+			echo $output;
+			$textarea_name = esc_attr( $option_name . '[' . $value['id'] . ']' );
+			$default_editor_settings = array(
+				'textarea_name' => $textarea_name,
+				'media_buttons' => false,
+				'tinymce' => array( 'plugins' => 'wordpress' )
+			);
+			$editor_settings = array();
+			if ( isset( $value['settings'] ) ) {
+				$editor_settings = $value['settings'];
+			}
+			$editor_settings = array_merge($editor_settings, $default_editor_settings);
+			wp_editor( $val, $value['id'], $editor_settings );
+			$output = '';
+			break;
+
+		// Info
+		case "info":
+			$id = '';
+			$class = 'section';
+			if ( isset( $value['id'] ) ) {
+				$id = 'id="' . esc_attr( $value['id'] ) . '" ';
+			}
+			if ( isset( $value['type'] ) ) {
+				$class .= ' section-' . $value['type'];
+			}
+			if ( isset( $value['class'] ) ) {
+				$class .= ' ' . $value['class'];
+			}
+
+			$output .= '<div ' . $id . 'class="' . esc_attr( $class ) . '">' . "\n";
+			if ( isset($value['name']) ) {
+				$output .= '<h4 class="heading">' . esc_html( $value['name'] ) . '</h4>' . "\n";
+			}
+			if ( $value['desc'] ) {
+				$output .= apply_filters('of_sanitize_info', $value['desc'] ) . "\n";
+			}
+			$output .= '</div>' . "\n";
+			break;
+
+		// Heading for Navigation
+		case "heading":
+			if ($counter >= 2) {
+				$output .= '</div>'."\n";
+			}
+			$jquery_click_hook = preg_replace('/[^a-zA-Z0-9._\-]/', '', strtolower($value['name']) );
+			$jquery_click_hook = "of-option-" . $jquery_click_hook . $counter;
+			$menu .= '<a id="'.  esc_attr( $jquery_click_hook ) . '-tab" class="nav-tab" title="' . esc_attr( $value['name'] ) . '" href="' . esc_attr( '#'.  $jquery_click_hook ) . '">' . esc_html( $value['name'] ) . '</a>';
+			$output .= '<div class="group" id="' . esc_attr( $jquery_click_hook ) . '">';
+			$output .= '<h3>' . esc_html( $value['name'] ) . '</h3>' . "\n";
+			break;
+
+		}
+
+		if ( ( $value['type'] != "heading" ) && ( $value['type'] != "info" ) ) {
+			$output .= '</div>';
+			if ( ( $value['type'] != "checkbox" ) && ( $value['type'] != "editor" ) ) {
+				$output .= '<div class="explain">' . wp_kses( $explain_value, $allowedtags) . '</div>'."\n";
+			}
+			$output .= '</div></div>'."\n";
+		}
+
+		echo $output;
+	}
+	echo '</div>';
+}

app/themes/hcf/admin/options-medialibrary-uploader.php

@@ -0,0 +1,286 @@
+<?php
+
+/**
+ * WooThemes Media Library-driven AJAX File Uploader Module (2010-11-05)
+ *
+ * Slightly modified for use in the Options Framework.
+ */
+
+if ( is_admin() ) {
+	// Load additional css and js for image uploads on the Options Framework page
+	$of_page= 'appearance_page_options-framework';
+	add_action( "admin_print_styles-$of_page", 'optionsframework_mlu_css', 0 );
+	add_action( "admin_print_scripts-$of_page", 'optionsframework_mlu_js', 0 );	
+}
+
+/**
+ * Sets up a custom post type to attach image to.  This allows us to have
+ * individual galleries for different uploaders.
+ */
+
+if ( ! function_exists( 'optionsframework_mlu_init' ) ) :
+
+function optionsframework_mlu_init () {
+	register_post_type( 'optionsframework', array(
+		'labels' => array(
+			'name' => __( 'Theme Options Media', 'foto' ),
+		),
+		'public' => true,
+		'show_ui' => false,
+		'capability_type' => 'post',
+		'hierarchical' => false,
+		'rewrite' => false,
+		'supports' => array( 'title', 'editor' ), 
+		'query_var' => false,
+		'can_export' => true,
+		'show_in_nav_menus' => false,
+		'public' => false
+	) );
+}
+
+endif;
+
+/**
+ * Adds the Thickbox CSS file and specific loading and button images to the header
+ * on the pages where this function is called.
+ */
+
+if ( ! function_exists( 'optionsframework_mlu_css' ) ) :
+
+function optionsframework_mlu_css () {
+	$_html = '';
+	$_html .= '<link rel="stylesheet" href="' . site_url() . '/' . WPINC . '/js/thickbox/thickbox.css" type="text/css" media="screen" />' . "\n";
+	$_html .= '<script type="text/javascript">
+	var tb_pathToImage = "' . site_url() . '/' . WPINC . '/js/thickbox/loadingAnimation.gif";
+    var tb_closeImage = "' . site_url() . '/' . WPINC . '/js/thickbox/tb-close.png";
+    </script>' . "\n";
+    echo $_html;
+}
+
+endif;
+
+/**
+ * Registers and enqueues (loads) the necessary JavaScript file for working with the
+ * Media Library-driven AJAX File Uploader Module.
+ */
+
+if ( ! function_exists( 'optionsframework_mlu_js' ) ) :
+
+function optionsframework_mlu_js () {
+	// Registers custom scripts for the Media Library AJAX uploader.
+	wp_register_script( 'of-medialibrary-uploader', OPTIONS_FRAMEWORK_DIRECTORY .'js/of-medialibrary-uploader.js', array( 'jquery', 'thickbox' ) );
+	wp_enqueue_script( 'of-medialibrary-uploader' );
+	wp_enqueue_script( 'media-upload' );
+}
+
+endif;
+
+/**
+ * Media Uploader Using the WordPress Media Library.
+ *
+ * Parameters:
+ * - string $_id - A token to identify this field (the name).
+ * - string $_value - The value of the field, if present.
+ * - string $_mode - The display mode of the field.
+ * - string $_desc - An optional description of the field.
+ * - int $_postid - An optional post id (used in the meta boxes).
+ *
+ * Dependencies:
+ * - optionsframework_mlu_get_silentpost()
+ */
+
+if ( ! function_exists( 'optionsframework_medialibrary_uploader' ) ) :
+
+function optionsframework_medialibrary_uploader( $_id, $_value, $_mode = 'full', $_desc = '', $_postid = 0, $_name = '') {
+
+	$optionsframework_settings = get_option('optionsframework');
+	
+	// Gets the unique option id
+	$option_name = $optionsframework_settings['id'];
+
+	$output = '';
+	$id = '';
+	$class = '';
+	$int = '';
+	$value = '';
+	$name = '';
+	
+	$id = strip_tags( strtolower( $_id ) );
+	// Change for each field, using a "silent" post. If no post is present, one will be created.
+	$int = optionsframework_mlu_get_silentpost( $id );
+	
+	// If a value is passed and we don't have a stored value, use the value that's passed through.
+	if ( $_value != '' && $value == '' ) {
+		$value = $_value;
+	}
+	
+	if ($_name != '') {
+		$name = $option_name.'['.$id.']['.$_name.']';
+	}
+	else {
+		$name = $option_name.'['.$id.']';
+	}
+	
+	if ( $value ) { $class = ' has-file'; }
+	$output .= '<input id="' . $id . '" class="upload' . $class . '" type="text" name="'.$name.'" value="' . $value . '" />' . "\n";
+	$output .= '<input id="upload_' . $id . '" class="upload_button button" type="button" value="' . __( 'Upload', 'foto' ) . '" rel="' . $int . '" />' . "\n";
+	
+	if ( $_desc != '' ) {
+		$output .= '<span class="of_metabox_desc">' . $_desc . '</span>' . "\n";
+	}
+	
+	$output .= '<div class="screenshot" id="' . $id . '_image">' . "\n";
+	
+	if ( $value != '' ) { 
+		$remove = '<a href="javascript:(void);" class="mlu_remove button">Remove</a>';
+		$image = preg_match( '/(^.*\.jpg|jpeg|png|gif|ico*)/i', $value );
+		if ( $image ) {
+			$output .= '<img src="' . $value . '" alt="" />'.$remove.'';
+		} else {
+			$parts = explode( "/", $value );
+			for( $i = 0; $i < sizeof( $parts ); ++$i ) {
+				$title = $parts[$i];
+			}
+
+			// No output preview if it's not an image.			
+			$output .= '';
+		
+			// Standard generic output if it's not an image.	
+			$title = __( 'View File', 'foto' );
+			$output .= '<div class="no_image"><span class="file_link"><a href="' . $value . '" target="_blank" rel="external">'.$title.'</a></span>' . $remove . '</div>';
+		}	
+	}
+	$output .= '</div>' . "\n";
+	return $output;
+}
+
+endif;
+
+/**
+ * Uses "silent" posts in the database to store relationships for images.
+ * This also creates the facility to collect galleries of, for example, logo images.
+ * 
+ * Return: $_postid.
+ *
+ * If no "silent" post is present, one will be created with the type "optionsframework"
+ * and the post_name of "of-$_token".
+ *
+ * Example Usage:
+ * optionsframework_mlu_get_silentpost ( 'of_logo' );
+ */
+
+if ( ! function_exists( 'optionsframework_mlu_get_silentpost' ) ) :
+
+function optionsframework_mlu_get_silentpost ( $_token ) {
+
+	global $wpdb;
+	$_id = 0;
+
+	// Check if the token is valid against a whitelist.
+	// $_whitelist = array( 'of_logo', 'of_custom_favicon', 'of_ad_top_image' );
+	// Sanitise the token.
+	
+	$_token = strtolower( str_replace( ' ', '_', $_token ) );
+	
+	// if ( in_array( $_token, $_whitelist ) ) {
+	if ( $_token ) {
+		
+		// Tell the function what to look for in a post.
+		
+		$_args = array( 'post_type' => 'optionsframework', 'post_name' => 'of-' . $_token, 'post_status' => 'draft', 'comment_status' => 'closed', 'ping_status' => 'closed' );
+		
+		// Look in the database for a "silent" post that meets our criteria.
+		$query = 'SELECT ID FROM ' . $wpdb->posts . ' WHERE post_parent = 0';
+		foreach ( $_args as $k => $v ) {
+			$query .= ' AND ' . $k . ' = "' . $v . '"';
+		} // End FOREACH Loop
+		
+		$query .= ' LIMIT 1';
+		$_posts = $wpdb->get_row( $query );
+		
+		// If we've got a post, loop through and get it's ID.
+		if ( count( $_posts ) ) {
+			$_id = $_posts->ID;
+		} else {
+		
+			// If no post is present, insert one.
+			// Prepare some additional data to go with the post insertion.
+			$_words = explode( '_', $_token );
+			$_title = join( ' ', $_words );
+			$_title = ucwords( $_title );
+			$_post_data = array( 'post_title' => $_title );
+			$_post_data = array_merge( $_post_data, $_args );
+			$_id = wp_insert_post( $_post_data );
+		}	
+	}
+	return $_id;
+}
+endif;
+
+/**
+ * Trigger code inside the Media Library popup.
+ */
+
+if ( ! function_exists( 'optionsframework_mlu_insidepopup' ) ) :
+function optionsframework_mlu_insidepopup () {
+	if ( isset( $_REQUEST['is_optionsframework'] ) && $_REQUEST['is_optionsframework'] == 'yes' ) {
+	
+		add_action( 'admin_head', 'optionsframework_mlu_js_popup' );
+		add_filter( 'media_upload_tabs', 'optionsframework_mlu_modify_tabs' );
+	}
+}
+
+endif;
+
+if ( ! function_exists( 'optionsframework_mlu_js_popup' ) ) :
+
+function optionsframework_mlu_js_popup () {
+
+	$_of_title = $_REQUEST['of_title'];
+	if ( ! $_of_title ) { $_of_title = 'file'; } // End IF Statement
+	?>
+	<script type="text/javascript">
+	jQuery(function($) {
+	
+		jQuery.noConflict();
+		
+		// Change the title of each tab to use the custom title text instead of "Media File".
+		$( 'h3.media-title' ).each ( function () {
+			var current_title = $( this ).html();
+			var new_title = current_title.replace( 'media file', '<?php echo $_of_title; ?>' );
+			$( this ).html( new_title );
+		
+		} );
+		
+		// Change the text of the "Insert into Post" buttons to read "Use this File".
+		$( '.savesend input.button[value*="Insert into Post"], .media-item #go_button' ).attr( 'value', 'Use this File' );
+		
+		// Hide the "Insert Gallery" settings box on the "Gallery" tab.
+		$( 'div#gallery-settings' ).hide();
+		
+		// Preserve the "is_optionsframework" parameter on the "delete" confirmation button.
+		$( '.savesend a.del-link' ).click ( function () {
+			var continueButton = $( this ).next( '.del-attachment' ).children( 'a.button[id*="del"]' );
+			var continueHref = continueButton.attr( 'href' );
+			continueHref = continueHref + '&is_optionsframework=yes';
+			continueButton.attr( 'href', continueHref );
+		});
+	});
+	</script>
+<?php
+}
+
+endif;
+
+/**
+ * Triggered inside the Media Library popup to modify the title of the "Gallery" tab.
+ */
+
+if ( ! function_exists( 'optionsframework_mlu_modify_tabs' ) ) :
+
+function optionsframework_mlu_modify_tabs ( $tabs ) {
+	$tabs['gallery'] = str_replace( __( 'Gallery', 'foto' ), __( 'Previously Uploaded', 'foto' ), $tabs['gallery'] );
+	return $tabs;
+}
+
+endif;

app/themes/hcf/admin/options-sanitize.php

@@ -0,0 +1,376 @@
+<?php
+
+/* Text */
+
+add_filter( 'of_sanitize_text', 'sanitize_text_field' );
+
+/* Textarea */
+
+function of_sanitize_textarea($input) {
+	global $allowedposttags;
+	$output = wp_kses( $input, $allowedposttags);
+	return $output;
+}
+
+add_filter( 'of_sanitize_textarea', 'of_sanitize_textarea' );
+
+/* Select */
+
+add_filter( 'of_sanitize_select', 'of_sanitize_enum', 10, 2);
+
+/* Radio */
+
+add_filter( 'of_sanitize_radio', 'of_sanitize_enum', 10, 2);
+
+/* Images */
+
+add_filter( 'of_sanitize_images', 'of_sanitize_enum', 10, 2);
+
+/* Checkbox */
+
+function of_sanitize_checkbox( $input ) {
+	if ( $input ) {
+		$output = '1';
+	} else {
+		$output = false;
+	}
+	return $output;
+}
+add_filter( 'of_sanitize_checkbox', 'of_sanitize_checkbox' );
+
+/* Multicheck */
+
+function of_sanitize_multicheck( $input, $option ) {
+	$output = '';
+	if ( is_array( $input ) ) {
+		foreach( $option['options'] as $key => $value ) {
+			$output[$key] = "0";
+		}
+		foreach( $input as $key => $value ) {
+			if ( array_key_exists( $key, $option['options'] ) && $value ) {
+				$output[$key] = "1";
+			}
+		}
+	}
+	return $output;
+}
+add_filter( 'of_sanitize_multicheck', 'of_sanitize_multicheck', 10, 2 );
+
+/* Color Picker */
+
+add_filter( 'of_sanitize_color', 'of_sanitize_hex' );
+
+/* Uploader */
+
+function of_sanitize_upload( $input ) {
+	$output = '';
+	$filetype = wp_check_filetype($input);
+	if ( $filetype["ext"] ) {
+		$output = $input;
+	}
+	return $output;
+}
+add_filter( 'of_sanitize_upload', 'of_sanitize_upload' );
+
+/* Editor */
+
+function of_sanitize_editor($input) {
+	if ( current_user_can( 'unfiltered_html' ) ) {
+		$output = $input;
+	}
+	else {
+		global $allowedtags;
+		$output = wpautop(wp_kses( $input, $allowedtags));
+	}
+	return $output;
+}
+add_filter( 'of_sanitize_editor', 'of_sanitize_editor' );
+
+/* Allowed Tags */
+
+function of_sanitize_allowedtags($input) {
+	global $allowedtags;
+	$output = wpautop(wp_kses( $input, $allowedtags));
+	return $output;
+}
+
+/* Allowed Post Tags */
+
+function of_sanitize_allowedposttags($input) {
+	global $allowedposttags;
+	$output = wpautop(wp_kses( $input, $allowedposttags));
+	return $output;
+}
+
+add_filter( 'of_sanitize_info', 'of_sanitize_allowedposttags' );
+
+
+/* Check that the key value sent is valid */
+
+function of_sanitize_enum( $input, $option ) {
+	$output = '';
+	if ( array_key_exists( $input, $option['options'] ) ) {
+		$output = $input;
+	}
+	return $output;
+}
+
+/* Background */
+
+function of_sanitize_background( $input ) {
+	$output = wp_parse_args( $input, array(
+		'color' => '',
+		'image'  => '',
+		'repeat'  => 'repeat',
+		'position' => 'top center',
+		'attachment' => 'scroll'
+	) );
+
+	$output['color'] = apply_filters( 'of_sanitize_hex', $input['color'] );
+	$output['image'] = apply_filters( 'of_sanitize_upload', $input['image'] );
+	$output['repeat'] = apply_filters( 'of_background_repeat', $input['repeat'] );
+	$output['position'] = apply_filters( 'of_background_position', $input['position'] );
+	$output['attachment'] = apply_filters( 'of_background_attachment', $input['attachment'] );
+
+	return $output;
+}
+add_filter( 'of_sanitize_background', 'of_sanitize_background' );
+
+function of_sanitize_background_repeat( $value ) {
+	$recognized = of_recognized_background_repeat();
+	if ( array_key_exists( $value, $recognized ) ) {
+		return $value;
+	}
+	return apply_filters( 'of_default_background_repeat', current( $recognized ) );
+}
+add_filter( 'of_background_repeat', 'of_sanitize_background_repeat' );
+
+function of_sanitize_background_position( $value ) {
+	$recognized = of_recognized_background_position();
+	if ( array_key_exists( $value, $recognized ) ) {
+		return $value;
+	}
+	return apply_filters( 'of_default_background_position', current( $recognized ) );
+}
+add_filter( 'of_background_position', 'of_sanitize_background_position' );
+
+function of_sanitize_background_attachment( $value ) {
+	$recognized = of_recognized_background_attachment();
+	if ( array_key_exists( $value, $recognized ) ) {
+		return $value;
+	}
+	return apply_filters( 'of_default_background_attachment', current( $recognized ) );
+}
+add_filter( 'of_background_attachment', 'of_sanitize_background_attachment' );
+
+
+/* Typography */
+
+function of_sanitize_typography( $input, $option ) {
+
+	$output = wp_parse_args( $input, array(
+		'size'  => '',
+		'face'  => '',
+		'style' => '',
+		'color' => ''
+	) );
+
+	if ( isset( $option['options']['faces'] ) && isset( $input['face'] ) ) {
+		if ( !( array_key_exists( $input['face'], $option['options']['faces'] ) ) ) {
+			$output['face'] = '';
+		}
+	}
+	else {
+		$output['face']  = apply_filters( 'of_font_face', $output['face'] );
+	}
+
+	$output['size']  = apply_filters( 'of_font_size', $output['size'] );
+	$output['style'] = apply_filters( 'of_font_style', $output['style'] );
+	$output['color'] = apply_filters( 'of_sanitize_color', $output['color'] );
+	return $output;
+}
+add_filter( 'of_sanitize_typography', 'of_sanitize_typography', 10, 2 );
+
+function of_sanitize_font_size( $value ) {
+	$recognized = of_recognized_font_sizes();
+	$value_check = preg_replace('/px/','', $value);
+	if ( in_array( (int) $value_check, $recognized ) ) {
+		return $value;
+	}
+	return apply_filters( 'of_default_font_size', $recognized );
+}
+add_filter( 'of_font_size', 'of_sanitize_font_size' );
+
+
+function of_sanitize_font_style( $value ) {
+	$recognized = of_recognized_font_styles();
+	if ( array_key_exists( $value, $recognized ) ) {
+		return $value;
+	}
+	return apply_filters( 'of_default_font_style', current( $recognized ) );
+}
+add_filter( 'of_font_style', 'of_sanitize_font_style' );
+
+
+function of_sanitize_font_face( $value ) {
+	$recognized = of_recognized_font_faces();
+	if ( array_key_exists( $value, $recognized ) ) {
+		return $value;
+	}
+	return apply_filters( 'of_default_font_face', current( $recognized ) );
+}
+add_filter( 'of_font_face', 'of_sanitize_font_face' );
+
+/**
+ * Get recognized background repeat settings
+ *
+ * @return   array
+ *
+ */
+function of_recognized_background_repeat() {
+	$default = array(
+		'no-repeat' => __('No Repeat', 'foto'),
+		'repeat-x'  => __('Repeat Horizontally', 'foto'),
+		'repeat-y'  => __('Repeat Vertically', 'foto'),
+		'repeat'    => __('Repeat All', 'foto'),
+		);
+	return apply_filters( 'of_recognized_background_repeat', $default );
+}
+
+/**
+ * Get recognized background positions
+ *
+ * @return   array
+ *
+ */
+function of_recognized_background_position() {
+	$default = array(
+		'top left'      => __('Top Left', 'foto'),
+		'top center'    => __('Top Center', 'foto'),
+		'top right'     => __('Top Right', 'foto'),
+		'center left'   => __('Middle Left', 'foto'),
+		'center center' => __('Middle Center', 'foto'),
+		'center right'  => __('Middle Right', 'foto'),
+		'bottom left'   => __('Bottom Left', 'foto'),
+		'bottom center' => __('Bottom Center', 'foto'),
+		'bottom right'  => __('Bottom Right', 'foto')
+		);
+	return apply_filters( 'of_recognized_background_position', $default );
+}
+
+/**
+ * Get recognized background attachment
+ *
+ * @return   array
+ *
+ */
+function of_recognized_background_attachment() {
+	$default = array(
+		'scroll' => __('Scroll Normally', 'foto'),
+		'fixed'  => __('Fixed in Place', 'foto')
+		);
+	return apply_filters( 'of_recognized_background_attachment', $default );
+}
+
+/**
+ * Sanitize a color represented in hexidecimal notation.
+ *
+ * @param    string    Color in hexidecimal notation. "#" may or may not be prepended to the string.
+ * @param    string    The value that this function should return if it cannot be recognized as a color.
+ * @return   string
+ *
+ */
+
+function of_sanitize_hex( $hex, $default = '' ) {
+	if ( of_validate_hex( $hex ) ) {
+		return $hex;
+	}
+	return $default;
+}
+
+/**
+ * Get recognized font sizes.
+ *
+ * Returns an indexed array of all recognized font sizes.
+ * Values are integers and represent a range of sizes from
+ * smallest to largest.
+ *
+ * @return   array
+ */
+
+function of_recognized_font_sizes() {
+	$sizes = range( 9, 71 );
+	$sizes = apply_filters( 'of_recognized_font_sizes', $sizes );
+	$sizes = array_map( 'absint', $sizes );
+	return $sizes;
+}
+
+/**
+ * Get recognized font faces.
+ *
+ * Returns an array of all recognized font faces.
+ * Keys are intended to be stored in the database
+ * while values are ready for display in in html.
+ *
+ * @return   array
+ *
+ */
+function of_recognized_font_faces() {
+	$default = array(
+		'arial'     => 'Arial',
+		'verdana'   => 'Verdana, Geneva',
+		'trebuchet' => 'Trebuchet',
+		'georgia'   => 'Georgia',
+		'times'     => 'Times New Roman',
+		'tahoma'    => 'Tahoma, Geneva',
+		'palatino'  => 'Palatino',
+		'helvetica' => 'Helvetica*'
+		);
+	return apply_filters( 'of_recognized_font_faces', $default );
+}
+
+/**
+ * Get recognized font styles.
+ *
+ * Returns an array of all recognized font styles.
+ * Keys are intended to be stored in the database
+ * while values are ready for display in in html.
+ *
+ * @return   array
+ *
+ */
+function of_recognized_font_styles() {
+	$default = array(
+		'normal'      => __('Normal', 'foto'),
+		'italic'      => __('Italic', 'foto'),
+		'bold'        => __('Bold', 'foto'),
+		'bold italic' => __('Bold Italic', 'foto')
+		);
+	return apply_filters( 'of_recognized_font_styles', $default );
+}
+
+/**
+ * Is a given string a color formatted in hexidecimal notation?
+ *
+ * @param    string    Color in hexidecimal notation. "#" may or may not be prepended to the string.
+ * @return   bool
+ *
+ */
+
+function of_validate_hex( $hex ) {
+	$hex = trim( $hex );
+	/* Strip recognized prefixes. */
+	if ( 0 === strpos( $hex, '#' ) ) {
+		$hex = substr( $hex, 1 );
+	}
+	elseif ( 0 === strpos( $hex, '%23' ) ) {
+		$hex = substr( $hex, 3 );
+	}
+	/* Regex match. */
+	if ( 0 === preg_match( '/^[0-9a-fA-F]{6}$/', $hex ) ) {
+		return false;
+	}
+	else {
+		return true;
+	}
+}

app/themes/hcf/archive.php

@@ -0,0 +1,26 @@
+<?php get_header(); ?>
+
+		<section id="content" class="site-content" role="main">
+
+			<?php if ( have_posts() ) : ?>
+			
+				<?php rewind_posts(); ?>
+				<?php foto_content_nav( 'nav-above' ); ?>
+
+				<?php while ( have_posts() ) : the_post(); ?>
+
+					<?php get_template_part( 'content' ); ?>
+
+				<?php endwhile; ?>
+
+				<?php foto_content_nav( 'nav-below' ); ?>
+
+			<?php else : ?>
+
+				<?php get_template_part( 'no-results', 'archive' ); ?>
+
+			<?php endif; ?>
+
+		</section><!-- end #content .site-content -->
+
+<?php get_footer(); ?>

app/themes/hcf/comments.php

@@ -0,0 +1,58 @@
+
+<?php
+	/*
+	 * If the current post is protected by a password and
+	 * the visitor has not yet entered the password we will
+	 * return early without loading the comments.
+	 */
+	if ( post_password_required() )
+		return;
+?>
+
+	<div id="comments" class="comments-area">
+
+		<?php // You can start editing here -- including this comment! ?>
+
+		<?php if ( have_comments() ) : ?>
+			<h2 class="comments-title">
+				<?php
+					printf( _n( 'One thought on &ldquo;%2$s&rdquo;', '%1$s thoughts on &ldquo;%2$s&rdquo;', get_comments_number(), 'foto' ),
+						number_format_i18n( get_comments_number() ), '<span>' . get_the_title() . '</span>' );
+				?>
+			</h2>
+
+			<?php foto_comment_nav(); ?>
+
+			<ol class="commentlist">
+				<?php
+					/* Loop through and list the comments. Tell wp_list_comments()
+					 * to use foto_comment() to format the comments.
+					 * If you want to overload this in a child theme then you can
+					 * define foto_comment() and that will be used instead.
+					 * See foto_comment() in library/includes/templates.php for more.
+					 */
+					wp_list_comments( array( 'callback' => 'foto_comment' ) );
+				?>
+			</ol>
+
+			<?php foto_comment_nav(); ?>
+
+		<?php endif; // have_comments() ?>
+
+		<?php
+			// If comments are closed and there are no comments, let's leave a little note, shall we?
+			if ( ! comments_open() && '0' != get_comments_number() && post_type_supports( get_post_type(), 'comments' ) ) :
+		?>
+			<p class="nocomments"><?php _e( 'Comments are closed.', 'foto' ); ?></p>
+		<?php endif; ?>
+
+		<?php
+		$args = array(
+			'label_submit' => __( 'Send your comment', 'foto' ),
+			'comment_notes_after' => ''
+		);
+			
+		comment_form($args); 
+		?>
+
+	</div><!-- #comments .comments-area -->

app/themes/hcf/content-featured.php

@@ -0,0 +1,57 @@
+
+
+<?php if( of_get_option( 'foto_show_featured' ) ) : ?>
+	<section id="featured" class="site-featured-content clearfix">
+
+		<?php 
+		$sticky = get_option( 'sticky_posts' );
+		if ( ! empty( $sticky ) ) : ?>
+
+		<div class="featured-slider col-18">
+			<div class="rslides-container">
+			
+				<ul class="rslides">
+				
+					<?php
+					global $post;
+					$args = array(
+						'post__in' => $sticky
+					);
+
+					$slides = get_posts( $args ); ?>
+
+					<?php foreach( $slides as $post ) : setup_postdata( $post ); ?>
+
+						<li>
+							<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+								<?php if( has_post_thumbnail() ) : ?>
+									<figure class="entry-image">
+										<a href="<?php the_permalink() ?>">
+											<?php the_post_thumbnail('foto-featured', array( 'class' => 'photo thumbnail', 'alt' => get_the_title(), 'title' => get_the_title()));?>
+										</a>
+									</figure>
+								<?php endif; ?>
+								
+								<h2 class="entry-title"><?php the_title(); ?></h2>
+							</article><!-- end #post-<?php the_ID(); ?> -->
+						</li>
+
+					<?php endforeach; wp_reset_postdata(); ?>
+					
+				</ul><!-- end .rslides -->
+				
+			</div><!-- end .rslides-container -->
+		</div><!-- end .featured-slider -->
+
+		<?php endif; ?>
+
+		<aside class="featured-sidebar col-6 last">
+			<?php do_action( 'before_home_sidebar' ); ?>
+			
+			<?php if ( ! dynamic_sidebar( 'Home Widget' ) ) : ?>
+			<?php endif; ?>
+			
+		</aside><!-- end .featured-sidebar -->
+
+	</section><!-- end #featured .site-featured-content -->
+<?php endif; ?>

app/themes/hcf/content-image.php

@@ -0,0 +1,141 @@
+
+		<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+			
+			<div class="primary col-18 last">
+
+				<div class="entry-content">
+
+					<div class="entry-attachment">
+					
+						<div class="attachment">
+							<?php
+								/**
+								 * Grab the IDs of all the image attachments in a gallery so we can get the URL of the next adjacent image in a gallery,
+								 * or the first image (if we're looking at the last image in a gallery), or, in a gallery of one, just the link to that image file
+								 */
+								$attachments = array_values( get_children( array( 'post_parent' => $post->post_parent, 'post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'image', 'order' => 'ASC', 'orderby' => 'menu_order ID' ) ) );
+								foreach ( $attachments as $k => $attachment ) {
+									if ( $attachment->ID == $post->ID )
+										break;
+								}
+								$k++;
+								// If there is more than 1 attachment in a gallery
+								if ( count( $attachments ) > 1 ) {
+									if ( isset( $attachments[ $k ] ) )
+										// get the URL of the next image attachment
+										$next_attachment_url = get_attachment_link( $attachments[ $k ]->ID );
+									else
+										// or get the URL of the first image attachment
+										$next_attachment_url = get_attachment_link( $attachments[ 0 ]->ID );
+								} else {
+									// or, if there's only 1 image, get the URL of the image
+									$next_attachment_url = wp_get_attachment_url();
+								}
+								
+								$image_src = wp_get_attachment_image_src( $post->ID, 'full' );
+							?>
+
+							<a class="fancyimg" href="<?php echo $image_src[0]; ?>" title="<?php echo esc_attr( get_the_title() ); ?>" rel="attachment"><?php
+								$attachment_size = apply_filters( 'foto_attachment_size', array( 1200, 1200 ) ); // Filterable image size.
+								echo wp_get_attachment_image( $post->ID, $attachment_size );
+							?></a>
+						</div><!-- .attachment -->
+
+						<?php if ( ! empty( $post->post_excerpt ) ) : ?>
+							<div class="entry-caption">
+								<?php the_excerpt(); ?>
+							</div>
+						<?php endif; ?>
+						
+					</div><!-- .entry-attachment -->
+
+					<?php the_content(); ?>
+					<?php wp_link_pages( array( 'before' => '<div class="page-links">' . __( 'Pages:', 'foto' ), 'after' => '</div>' ) ); ?>
+
+				</div><!-- .entry-content -->
+				
+				<?php comments_template(); ?>
+			
+			</div><!-- end .primary -->
+			
+			<aside class="secondary col-6">
+
+				<div class="entry-meta">
+					<div class="content-heading"><?php _e('Image Information', 'foto'); ?></div>
+
+					<ul class="content-data">
+						<!-- Meta image 
+							 Credit: Responsive Theme by Emil -->
+						<?php $foto_data = get_post_meta($post->ID, '_wp_attachment_metadata', true); ?>
+						
+						<li class="full-size">
+							<span class="data-left"><?php _e('Full Size','foto'); ?></span>
+							<span class="separator">:</span>
+							<span class="data-right"><a class="fancyimg" href="<?php echo wp_get_attachment_url($post->ID); ?>"><?php echo $foto_data['width'] . '&#215;' . $foto_data['height']; ?></a> px</span>
+						</li>
+						
+						<?php if ($foto_data['image_meta']['aperture']) { ?>
+						<li class="aperture">
+							<span class="data-left"><?php _e('Aperture','foto'); ?></span>
+							<span class="separator">:</span>
+							<span class="data-right">f/<?php echo $foto_data['image_meta']['aperture']; ?></span>
+						</li>
+						<?php } ?>
+
+						<?php if ($foto_data['image_meta']['focal_length']) { ?>
+						<li class="focal-length">
+							<span class="data-left"><?php _e('Focal Length','foto'); ?></span>
+							<span class="separator">:</span>
+							<span class="data-right"><?php echo $foto_data['image_meta']['focal_length']; ?><?php _e('mm','foto'); ?></span>
+						</li>
+						<?php } ?>
+
+						<?php if ($foto_data['image_meta']['iso']) { ?>
+						<li class="iso">
+							<span class="data-left"><?php _e('ISO','foto'); ?></span>
+							<span class="separator">:</span>
+							<span class="data-right"><?php echo $foto_data['image_meta']['iso']; ?></span>
+						</li>
+						<?php } ?>
+
+						<?php if ($foto_data['image_meta']['shutter_speed']) { ?>
+						<li class="shutter">
+							<span class="data-left"><?php _e('Shutter','foto'); ?></span>
+							<span class="separator">:</span>
+							<span class="data-right"><?php
+								if ((1 / $foto_data['image_meta']['shutter_speed']) > 1) {
+									echo "1/";
+								if (number_format((1 / $foto_data['image_meta']['shutter_speed']), 1) == number_format((1 / $foto_data['image_meta']['shutter_speed']), 0)) {
+									echo number_format((1 / $foto_data['image_meta']['shutter_speed']), 0, '.', '') . ' sec';
+								} else {
+									echo number_format((1 / $foto_data['image_meta']['shutter_speed']), 1, '.', '') . ' sec';
+								}
+								} else {
+									echo $foto_data['image_meta']['shutter_speed'] . ' sec';
+								}
+							?></span>
+						</li>
+						<?php } ?>
+
+						<?php if ($foto_data['image_meta']['camera']) { ?>
+						<li class="camera">
+							<span class="data-left"><?php _e('Camera:','foto'); ?></span>
+							<span class="separator">:</span>
+							<span class="data-right"><?php echo $foto_data['image_meta']['camera']; ?></span>
+						</li>
+						<?php } ?>
+						
+					</ul>
+					
+				</div><!-- end entry-meta -->
+				
+				<?php do_action( 'foto_after_entry_meta' ); ?>
+				
+			</aside><!-- end .secondary -->	
+			
+			<nav class="site-navigation image-navigation" role="navigation">
+				<span class="previous-image"><?php previous_image_link( false, __( '&larr; Previous', 'foto' ) ); ?></span>
+				<span class="next-image"><?php next_image_link( false, __( 'Next &rarr;', 'foto' ) ); ?></span>
+			</nav><!-- .image-navigation -->
+			
+		</article><!-- #post-<?php the_ID(); ?> -->

app/themes/hcf/content-page.php

@@ -0,0 +1,10 @@
+
+	<article id="post-<?php the_ID(); ?>" <?php post_class('page-content'); ?>>
+
+		<div class="entry-content">
+			<?php the_content(); ?>
+			<?php wp_link_pages( array( 'before' => '<div class="page-links">' . __( 'Pages:', 'foto' ), 'after' => '</div>' ) ); ?>
+			<?php edit_post_link( __( 'Edit', 'foto' ), '<span class="edit-link">', '</span>' ); ?>
+		</div><!-- .entry-content -->
+		
+	</article><!-- #post-<?php the_ID(); ?> -->

app/themes/hcf/content-single.php

@@ -0,0 +1,50 @@
+
+	<article id="post-<?php the_ID(); ?>" <?php post_class('clearfix'); ?>>
+		
+		<?php do_action( 'foto_before_entry_singular' ); ?>
+		
+		<div class="primary col-18 last">
+		
+			<div class="post-content">
+			
+				<?php if( has_post_thumbnail() ) : ?>
+					<figure class="entry-thumbnail">
+						<?php $large_image = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large'); ?>
+						<a class="fancyimg" href="<?php echo $large_image[0]; ?>">
+							<?php the_post_thumbnail('foto-single-thumbnail', array( 'class' => 'photo thumbnail', 'alt' => get_the_title(), 'title' => get_the_title()));?>
+							<span class="pop-up"><?php _e('Large Image', 'foto'); ?></span>
+						</a>
+					</figure>
+				<?php endif; ?>
+				
+				<div class="entry-content">
+					<p class="content-heading"><?php _e('Description', 'foto'); ?></p>
+					<?php the_content(); ?>
+					<?php wp_link_pages( array( 'before' => '<div class="page-links">' . __( 'Pages:', 'foto' ), 'after' => '</div>' ) ); ?>
+				</div>
+			</div><!-- end .post-content -->
+			
+			<?php
+				// If comments are open, load up the comment template
+				if ( comments_open() )
+					comments_template( '', true );
+			?>
+			
+		</div><!-- end .primary -->
+		
+		<aside class="secondary col-6">
+			
+			<div class="entry-meta">
+				<div class="content-heading"><?php _e('Entry Meta', 'foto'); ?></div>
+				<?php foto_entry_meta(); ?>
+			</div><!-- end entry-meta -->
+			
+			<?php do_action( 'foto_after_entry_meta' ); ?>
+			
+		</aside><!-- end .secondary -->	
+		
+		<?php foto_content_nav( 'nav-below' ); ?>
+		
+		<?php do_action( 'foto_after_entry_singular' ); ?>
+		
+	</article><!-- #post-<?php the_ID(); ?> -->

app/themes/hcf/content.php

@@ -0,0 +1,28 @@
+
+
+	<article id="post-<?php the_ID(); ?>" <?php post_class('home-content col-6'); ?>>
+		
+		<?php do_action( 'foto_before_entry' ); ?>
+		
+		<?php if( has_post_thumbnail() ) : ?>
+			<figure class="entry-thumbnail">
+				<a href="<?php the_permalink() ?>">
+					<?php the_post_thumbnail('foto-home-thumbnail', array( 'class' => 'photo thumbnail', 'alt' => get_the_title(), 'title' => get_the_title()));?>
+				</a>
+			</figure>
+		<?php endif; ?>
+		
+		<div class="entry-detail">
+			<h2 class="entry-title">
+				<a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'foto' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a>
+			</h2>
+			
+			<div class="entry-meta">
+				<?php foto_entry_info(); ?>
+			</div>
+			
+		</div><!-- end .entry-detail -->
+		
+		<?php do_action( 'foto_after_entry' ); ?>
+		
+	</article><!-- #post-<?php the_ID(); ?> -->

app/themes/hcf/footer.php

@@ -0,0 +1,49 @@
+
+	</div><!-- #main -->
+	
+	<?php do_action( 'foto_after_main' ); ?>
+	
+	<?php get_sidebar('footer'); ?>
+	
+	<?php do_action( 'foto_after_footer' ); ?>
+	
+	<div id="site-credit" class="site-info clearfix">
+		<div class="credits col-8">
+			<p>&copy; Copyrights <?php echo date('Y'); ?> <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a></p>
+			<p>
+				<?php printf( __('Powered by <a href="http://wordpress.org/" title="%1$s" rel="generator">%2$s</a> &middot; Theme by <a href="http://satrya.me/" title="%3$s" rel="designer">%4$s</a>', 'foto'),
+					esc_attr( 'A Semantic Personal Publishing Platform'),
+					'WordPress',
+					esc_attr( 'Satrya'),
+					'Satrya'
+				); ?>
+			</p>
+		</div>
+		
+		<?php if (has_nav_menu('primary')) : ?>
+
+			<nav class="site-navigation main-navigation col-16 last" role="navigation">
+				
+				<?php wp_nav_menu( 
+						array(  
+							'container' => '',
+							'depth'		=> 1,
+							'menu_class' => 'main-nav',
+							'theme_location' => 'primary' 
+						) 
+					); 
+				?>
+				
+			</nav> <!-- end .site-navigation .main-navigation -->
+
+		<?php endif; ?>
+
+	</div><!-- end #site-credit .site-info -->
+	
+	<?php do_action( 'foto_after' ); ?>
+</div><!-- end #page .hfeed -->
+
+<?php wp_footer(); ?>
+
+</body>
+</html>

app/themes/hcf/functions.php

@@ -0,0 +1,267 @@
+<?php
+
+/* Loads the Options Settings. */
+if ( !function_exists( 'optionsframework_init' ) ) {
+	define( 'OPTIONS_FRAMEWORK_DIRECTORY', get_template_directory_uri() . '/admin/' );
+	require_once dirname( __FILE__ ) . '/admin/options-framework.php';
+}
+
+/**
+ * Define Theme setup
+ * 
+ * @since 0.0.1
+ */
+add_action( 'after_setup_theme', 'foto_setup' );
+function foto_setup() {
+	
+	/* Set the content width based on the theme's design and stylesheet. */
+	global $content_width;
+	if ( ! isset( $content_width ) ) $content_width = 700;
+	
+	/* Make foto available for translation. */
+	load_theme_textdomain( 'foto', get_template_directory() . '/languages' );
+			
+	/* WordPress theme support. */
+	add_editor_style();
+	add_theme_support( 'automatic-feed-links' );
+	add_theme_support( 'custom-background' );
+	register_nav_menus( array(
+			'primary' => __( 'Footer Navigation', 'foto' )
+		) );
+	add_theme_support( 'post-thumbnails' );
+	add_image_size( 'foto-featured' , 700, 300, true );
+	add_image_size( 'foto-home-thumbnail' , 220, 150, true );
+	add_image_size( 'foto-single-thumbnail' , 700, 350, true );
+
+	/* Enqueue styles & scripts. */
+	add_action( 'wp_enqueue_scripts', 'foto_enqueue_scripts' );
+
+	/* Deregister wp-pagenavi style. */
+	add_action( 'wp_print_styles', 'foto_deregister_styles', 100 );
+
+	/* Comment reply script. */
+	add_action( 'comment_form_before', 'foto_enqueue_comment_reply_script' );
+
+	/* Remove gallery inline style. */
+	add_filter( 'use_default_gallery_style', '__return_false' );
+
+	/* wp_title filter. */
+	add_filter( 'wp_title', 'foto_title', 10, 2 );
+
+	/* Custom body class. */
+	add_filter( 'body_class', 'foto_body_classes' );
+
+	/* Add new contact method. */
+	add_filter('user_contactmethods','foto_new_contactmethods', 10, 1 );
+
+	/* Customize tag cloud. */
+	add_filter( 'widget_tag_cloud_args', 'foto_new_tag_cloud' );
+
+	/* next/previous image links on image attachment pages. */
+	add_filter( 'attachment_link', 'foto_enhanced_image_navigation', 10, 2 );
+
+	/* Register sidebars & custom widget. */
+	add_action( 'widgets_init', 'foto_widgets_init' );
+	
+	/**
+	 * Load required files
+	 */
+	require( get_template_directory() . '/includes/extensions.php' );
+	require( get_template_directory() . '/includes/templates.php' );
+	require( get_template_directory() . '/includes/options-functions.php' );
+
+} // end foto_setup
+
+/**
+ * Enqueue styles & scripts.
+ *
+ * @since 0.0.1
+ */
+function foto_enqueue_scripts() {
+	global $post;
+
+	wp_enqueue_style( 'foto-fonts', 'http://fonts.googleapis.com/css?family=Lato:400,700,400italic|Oswald:300', '', '1.0', 'all' );
+
+	wp_enqueue_style( 'foto-style', get_stylesheet_uri(), false, '1.2', 'all' );
+
+	wp_enqueue_script( 'jquery' );
+
+	if ( is_singular() && wp_attachment_is_image( $post->ID ) ) {
+		wp_enqueue_script( 'foto-keyboard-image-navigation', get_template_directory_uri() . '/js/vendor/keyboard-image-navigation.js', array( 'jquery' ), '1.0' );
+	}
+	
+	wp_enqueue_script( 'foto-plugins', get_template_directory_uri() . '/js/plugins.js', array( 'jquery' ), '1.0', true );
+	
+	wp_enqueue_script( 'foto-methods', get_template_directory_uri() . '/js/methods.js', array( 'jquery' ), '1.0', true );
+	
+}
+
+/**
+ * Deregister default wp-pagenavi style
+ *
+ * @since 0.0.1
+ */
+function foto_deregister_styles() {
+	wp_deregister_style( 'wp-pagenavi' );
+}
+
+/**
+ * Comment reply js
+ *
+ * @since 0.0.4
+ */
+function foto_enqueue_comment_reply_script() {
+	if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
+		wp_enqueue_script( 'comment-reply' );
+	}
+}
+
+/**
+ * Redirect to the Dashboard Page when after user activated the theme.
+ * 
+ * @since 1.1
+ */
+global $pagenow;
+if ( is_admin() && isset( $_GET['activated'] ) && $pagenow == 'themes.php' ) {
+
+	wp_redirect( admin_url( 'themes.php?page=options-framework' ) );
+	exit;
+	
+}
+
+/**
+ * Creates a nicely formatted and more specific title element text
+ * for output in head of document, based on current view.
+ *
+ * @since 1.1
+ */
+function foto_title( $title, $sep ) {
+	global $paged, $page;
+
+	if ( is_feed() )
+		return $title;
+
+	// Add the site name.
+	$title .= get_bloginfo( 'name' );
+
+	// Add the site description for the home/front page.
+	$site_description = get_bloginfo( 'description', 'display' );
+	if ( $site_description && ( is_home() || is_front_page() ) )
+		$title = "$title $sep $site_description";
+
+	// Add a page number if necessary.
+	if ( $paged >= 2 || $page >= 2 )
+		$title = "$title $sep " . sprintf( __( 'Page %s', 'foto' ), max( $paged, $page ) );
+
+	return $title;
+}
+
+/**
+ * Adds custom classes to the array of body classes.
+ *
+ * @since 0.0.1
+ */
+function foto_body_classes( $classes ) {
+	// Adds a class of group-blog & multi-author to blogs with more than 1 published author
+	if ( is_multi_author() ) {
+		$classes[] = 'multi-author';
+	}
+
+	return $classes;
+}
+
+/**
+ * Add a twitter contact info
+ *
+ * @since 0.0.1
+ */
+function foto_new_contactmethods( $contactmethods ) {
+    $contactmethods['twitter'] = 'Twitter'; // Add Twitter
+	
+    return $contactmethods;
+}
+
+/**
+ * Customize tag cloud widget
+ *
+ * @since 0.0.1
+ */
+function foto_new_tag_cloud( $args ) {
+	$args['largest'] 	= 12;
+	$args['smallest'] 	= 12;
+	$args['unit'] 		= 'px';
+	return $args;
+}
+
+/**
+ * Filter in a link to a content ID attribute for the next/previous image links on image attachment pages
+ *
+ * @since 0.0.2
+ */
+function foto_enhanced_image_navigation( $url, $id ) {
+	if ( ! is_attachment() && ! wp_attachment_is_image( $id ) )
+		return $url;
+
+	$image = get_post( $id );
+	if ( ! empty( $image->post_parent ) && $image->post_parent != $id )
+		$url .= '#main';
+
+	return $url;
+}
+
+/**
+ * Register our sidebars and widgetized areas
+ * 
+ * @since 0.0.1
+ */
+function foto_widgets_init() {
+	
+	register_widget( 'foto_author_bio' );
+	
+    register_sidebar(array(
+		'name'          => __( 'Home Widget', 'foto'),
+		'description'   => __( 'This sidebar appears on the right side of your site on home page', 'foto' ),
+		'before_widget' => '<section id="%1$s" class="widget %2$s">',
+		'after_widget'  => '</section>',
+		'before_title'  => '<div class="widget-title">',
+		'after_title'   => '</div>',
+	));
+	
+	register_sidebar(array(
+		'name'          => __( 'Footer Left Widget', 'foto'),
+		'description'   => __( 'This sidebar appears on the footer of your site', 'foto' ),
+		'before_widget' => '<section id="%1$s" class="widget %2$s">',
+		'after_widget'  => '</section>',
+		'before_title'  => '<div class="widget-title">',
+		'after_title'   => '</div>',
+	));
+	
+	register_sidebar(array(
+		'name'          => __( 'Footer Center Widget', 'foto'),
+		'description'   => __('This sidebar appears on the footer of your site', 'foto'),
+		'before_widget' => '<section id="%1$s" class="widget %2$s">',
+		'after_widget'  => '</section>',
+		'before_title'  => '<div class="widget-title">',
+		'after_title'   => '</div>',
+	));
+	
+	register_sidebar(array(
+		'name'          => __( 'Footer Right Widget', 'foto'),
+		'description'   => __('This sidebar appears on the footer of your site', 'foto'),
+		'before_widget' => '<section id="%1$s" class="widget %2$s">',
+		'after_widget'  => '</section>',
+		'before_title'  => '<div class="widget-title">',
+		'after_title'   => '</div>',
+	));
+	
+	register_sidebar(array(
+		'name'          => __( 'Page Widget', 'foto'),
+		'description'   => __('This sidebar appears on the footer of your site', 'foto'),
+		'before_widget' => '<section id="%1$s" class="widget %2$s">',
+		'after_widget'  => '</section>',
+		'before_title'  => '<div class="widget-title">',
+		'after_title'   => '</div>',
+	));
+	
+}
+?>

app/themes/hcf/header.php

@@ -0,0 +1,83 @@
+<?php ?>
+<!DOCTYPE html>
+<!--[if IE 8 ]>    <html class="ie ie8" <?php language_attributes(); ?>> <![endif]-->
+<!--[if gt IE 8]><!--> <html <?php language_attributes(); ?>> <!--<![endif]-->
+<head>
+
+<meta charset="<?php bloginfo( 'charset' ); ?>">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
+<title><?php wp_title(); ?></title>
+
+<link rel="profile" href="http://gmpg.org/xfn/11">
+<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
+
+<?php wp_head(); ?>
+
+</head>
+
+<body <?php body_class(); ?>>
+<div id="page" class="hfeed container">
+	<?php do_action( 'foto_before' ); ?>
+	
+	<header id="masthead" class="site-header clearfix" role="banner">
+	
+		<div class="site-branding col-8">
+			<?php if( of_get_option('foto_custom_logo') ) :
+					
+				$logotag  = (is_home() || is_front_page())? 'h1':'div';?>
+					<<?php echo $logotag; ?> class="site-logo"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img alt="<?php bloginfo('name'); ?>" src="<?php echo esc_url( of_get_option('foto_custom_logo') ); ?>"><span><?php bloginfo('name'); ?></span></a></<?php echo $logotag; ?>>
+				<?php
+				
+			else :
+			
+				$titletag  = (is_home() || is_front_page())? 'h1':'div'; // only display h1 tag on home page, SEO reason ?>
+					<<?php echo $titletag; ?> class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></<?php echo $titletag; ?>>
+					<div class="site-tagline"><?php bloginfo( 'description' ); ?></div>
+					
+			<?php endif; ?>
+		</div><!-- end .site-branding -->
+			
+		<div class="header-right-area col-16 last">
+			<div class="site-social col-10">
+				<?php if( of_get_option('foto_rss_custom') ) { ?>
+					<span class="feed"><a href="<?php echo esc_url( of_get_option('foto_rss_custom') ); ?>" title="<?php esc_attr_e('Subscribe our rss feed', 'foto'); ?>"><?php _e('Rss Feed', 'foto'); ?></a></span>
+				<?php } else { ?>
+					<span class="feed"><a href="<?php echo get_feed_link( 'rss2' ); ?>" title="<?php esc_attr_e('Subscribe our rss feed', 'foto'); ?>"><?php _e('Rss Feed', 'foto'); ?></a></span>
+				<?php }
+				
+				if( of_get_option('foto_gplus_username') ) { ?>
+					<span class="gplus"><a href="<?php echo esc_url( of_get_option('foto_gplus_username') ); ?>" title="<?php esc_attr_e('Add me to your circle', 'foto'); ?>"><?php _e('Google Plus', 'foto'); ?></a></span>
+				<?php } if( of_get_option('foto_fb_username') ) { ?>
+					<span class="fb"><a href="<?php echo esc_url( of_get_option('foto_fb_username') ); ?>" title="<?php esc_attr_e('Add me as your friend', 'foto'); ?>"><?php _e('Facebook', 'foto'); ?></a></span>
+				<?php } if( of_get_option('foto_twitter_username') ) { ?>
+					<span class="tw"><a href="<?php echo esc_url( of_get_option('foto_twitter_username') ); ?>" title="<?php esc_attr_e('Follow Me', 'foto'); ?>"><?php _e('Twitter', 'foto'); ?></a></span>
+				<?php } ?>
+			</div><!-- end .site-social -->
+			
+			<?php get_search_form(); ?>
+		</div><!-- end .header-right-area -->
+		
+		<?php do_action( 'foto_header' ); ?>
+		
+	</header><!-- #masthead .site-header -->
+	
+	<?php do_action( 'foto_after_header' ); ?>
+	
+	<section class="header-text">
+	
+		<?php 
+			$tag  	= ( is_home() || is_front_page() )? 'p':'h1'; 
+			$class  = ( is_singular() )? 'entry-title':'page-title'; 
+		?>
+		<<?php echo $tag; ?> class="<?php echo $class; ?> col-18">
+			<?php foto_page_title(); ?>
+		</<?php echo $tag; ?>>
+		
+	</section><!-- end .header-text -->
+	
+	<?php do_action( 'foto_before_main' ); ?>
+	
+	<div id="main" class="main-content clearfix">
+		
+		<?php do_action( 'foto_main' ); ?>

app/themes/hcf/image.php

@@ -0,0 +1,21 @@
+<?php get_header(); ?>
+
+		<?php do_action( 'foto_before_content_singular' ); ?>
+		
+		<section id="content" class="site-content" role="main">
+			
+			<?php do_action( 'foto_before_article_singular' ); ?>
+			
+			<?php while ( have_posts() ) : the_post(); ?>
+
+				<?php get_template_part( 'content', 'image' ); ?>
+
+			<?php endwhile; // end of the loop. ?>
+			
+			<?php do_action( 'foto_after_article_singular' ); ?>
+			
+		</section><!-- end #content .site-content -->
+		
+		<?php do_action( 'foto_after_content_singular' ); ?>
+		
+<?php get_footer(); ?>

app/themes/hcf/includes/extensions.php

@@ -0,0 +1,62 @@
+<?php
+
+class foto_author_bio extends WP_Widget
+{
+	function foto_author_bio()
+	{
+		$widget_ops = array('classname' => 'foto_author_bio', 'description' => 'Display your biographical info' );
+		$this->WP_Widget('foto_author_bio', '&raquo; Foto Author Bio', $widget_ops);
+	}
+ 
+	function form($instance)
+	{
+		$instance = wp_parse_args( (array) $instance, array( 'title' => '' ) );
+		$title = $instance['title'];
+	?>
+		<p><?php printf( __('Please complete your bio information on the <a href="%s">Profile Page</a> <em>(fill the nickname, twitter and Biographical Info)</em>', 'foto'), admin_url('profile.php') ); ?></p>
+		<p><label for="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>"><?php _e( 'Title:', 'foto' ); ?></label>
+		<input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'title' ) ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" /></p>
+	<?php
+	}
+ 
+	function update($new_instance, $old_instance)
+	{
+		$instance = $old_instance;
+		$instance['title'] = $new_instance['title'];
+		return $instance;
+	}
+ 
+	function widget($args, $instance)
+	{
+		extract($args, EXTR_SKIP);
+ 
+		$title = apply_filters('widget_title', empty($instance['title']) ? __('Social', 'foto') : $instance['title'], $instance, $this->id_base);
+		
+		echo $before_widget;
+ 
+		if (!empty($title))
+			echo $before_title . $title . $after_title;
+		?>
+		
+		<div class="widget-author-info">
+			<p class="author-desc"><?php the_author_meta( 'description' ); ?></p>
+			<div class="author-detail">
+				<span>
+					<p class="author-name"><?php echo get_the_author(); ?></p>
+					<p class="author-twitter">
+						<a href="<?php echo the_author_meta( 'twitter' ) ?>" class="twitter-follow-button" data-show-count="false">Follow me</a>
+						<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+					</p>
+				</span>
+				<figure class="author-img"><?php echo get_avatar( get_the_author_meta( 'user_email' ), apply_filters( 'foto_author_bio_avatar_size', 60 ) ); ?></figure>
+			</div>
+		</div>
+		
+		<?php
+		echo $after_widget;
+	}
+ 
+}
+ 
+ 
+?>

app/themes/hcf/includes/options-functions.php

@@ -0,0 +1,83 @@
+<?php
+
+function foto_custom_css() {
+	
+	if (of_get_option('foto_custom_css')) {
+		echo "<!-- Custom Styling -->\n<style type=\"text/css\">\n" . esc_html( of_get_option( 'foto_custom_css' ) ) . "\n</style>\n";
+	}
+
+}
+add_action('wp_head', 'foto_custom_css', 10);
+
+/**
+ * Output favicon from theme options
+ *
+ * @since 0.0.1
+ */
+function foto_custom_favicon() {
+	if ( of_get_option( 'foto_custom_favicon' ) )
+		echo '<link rel="shortcut icon" href="'. esc_url( of_get_option( 'foto_custom_favicon' ) ) .'">'."\n";
+}
+add_action( 'wp_head', 'foto_custom_favicon', 5 );
+
+/**
+ * Output analytics code in footer from theme options
+ *
+ * @since 0.0.1
+ */
+
+function foto_analytics(){
+	$output = of_get_option( 'foto_analytic_code' );
+	if ( $output ) 
+		echo "\n" . stripslashes($output) . "\n";
+}
+add_action( 'wp_footer','foto_analytics' );
+
+/*
+ * for 'textarea' sanitization and $allowedposttags + embed and script.
+ *
+ * @since 0.0.1
+ */
+function foto_change_santiziation() {
+
+    remove_filter( 'of_sanitize_textarea', 'of_sanitize_textarea' );
+    add_filter( 'of_sanitize_textarea', 'foto_sanitize_textarea' );
+    
+}
+add_action( 'admin_init', 'foto_change_santiziation', 100 );
+
+function foto_sanitize_textarea($input) {
+
+    global $allowedposttags;
+
+    $custom_allowedtags["embed"] = array(
+		"src" => array(),
+		"type" => array(),
+		"allowfullscreen" => array(),
+		"allowscriptaccess" => array(),
+		"height" => array(),
+		"width" => array()
+	);
+
+	$custom_allowedtags["script"] = array(
+		"src" => array(), 
+		"type" => array()
+	);
+
+	$custom_allowedtags["meta"] = array(
+		"name" => array(), 
+		"content" => array()
+	);
+
+	$custom_allowedtags["link"] = array(
+		"href" => array(), 
+		"rel" => array(),
+		"type" => array()
+	);
+
+	$custom_allowedtags = array_merge($custom_allowedtags, $allowedposttags);
+	$output = wp_kses( $input, $custom_allowedtags);
+    return $output;
+
+}
+?>

app/themes/hcf/includes/options.php

@@ -0,0 +1,158 @@
+<?php
+ 
+function optionsframework_option_name() {
+
+	// This gets the theme name from the stylesheet
+	$themename = get_option( 'stylesheet' );
+	$themename = preg_replace("/\W/", "_", strtolower($themename) );
+
+	$optionsframework_settings = get_option( 'optionsframework' );
+	$optionsframework_settings['id'] = $themename;
+	update_option( 'optionsframework', $optionsframework_settings );
+}
+
+/**
+ * Defines an array of options that will be used to generate the settings page and be saved in the database.
+ *
+ */
+
+function optionsframework_options() {
+	
+	$social = array(
+		'foto_post' => __( 'Single post', 'foto' ),
+		'foto_page' => __( 'Page', 'foto' ),
+		'foto_both' => __( 'Both', 'foto' ),
+		'foto_none' => __( 'None', 'foto' )
+	);
+	
+	$numbers = array(
+		'2' => __( 'Two', 'foto' ), 
+		'3' => __( 'Three', 'foto' ), 
+		'4' => __( 'Four', 'foto' ), 
+		'5' => __( 'Five', 'foto' ), 
+		'6' => __( 'Six', 'foto' ), 
+		'7' => __( 'Seven', 'foto' ), 
+		'8' => __( 'Eight', 'foto' ), 
+		'9' => __( 'Nine', 'foto' ), 
+		'10' => __( 'Ten', 'foto' ) 
+	);
+	
+	$options = array();
+
+	$options[] = array( 
+		'name' => __( 'General', 'foto' ),
+		'type' => 'heading');
+							
+	$options[] = array( 
+		'name' => __( 'Custom Logo', 'foto' ),
+		'desc' => __( 'Upload a logo for your website, or specify the image address of your online logo. Recommended size is 300x100', 'foto' ),
+		'id' => 'foto_custom_logo',
+		'type' => 'upload');
+								
+	$options[] = array( 
+		'name' => __( 'Custom Favicon', 'foto' ),
+		'desc' => __( 'Upload a favicon for your website, or specify the image address of your online favicon. Recommended size is 16x16', 'foto' ),
+		'id' => 'foto_custom_favicon',
+		'type' => 'upload');
+							
+	$options[] = array( 
+		'name' => __( 'Custom CSS', 'foto' ),
+		'desc' => __( 'Quickly add some CSS rules to your theme by adding it to this box.', 'foto' ),
+		'id' => 'foto_custom_css',
+		'std' => '',
+		'type' => 'textarea'); 
+						
+	$options[] = array( 
+		'name' => __( 'Analytic Code', 'foto' ),
+		'desc' => __( 'Paste your Google Analytics (or other) tracking code here. It will be inserted before the closing body tag of your theme.', 'foto' ),
+		'id' => 'foto_analytic_code',
+		'type' => 'textarea');
+						
+	/* ============================== End General Settings ================================= */	
+	
+	$options[] = array( 
+		'name' => __( 'Theme', 'foto' ),
+		'type' => 'heading');
+		
+	$options[] = array( 
+		'name' => __( 'Welcome Text', 'foto' ),
+		'desc' => __( 'Put your welcome text here, it only visible on home page', 'foto' ),
+		'std' => 'Hi! Welcome to my personal photo site. This is just a place for me to share my photos. I hope you&rsquo;t ll enjoy it.',
+		'id' => 'foto_welcome_text',
+		'type' => 'textarea');
+	
+	$options[] = array( 
+		'name' => __( 'Featured posts slider', 'foto' ),
+		'desc' => __( 'Check this option to show featured posts on home page. Featured posts is based on sticky post. To show the featured posts, you only need create a post then check the sticky post option.', 'foto' ),
+		'id' => 'foto_show_featured',
+		'type' => 'checkbox'
+	);
+	
+	$options[] = array( 
+		'name' => __( 'Select a number of featured posts', 'foto' ),
+		'desc' => __( 'How many featured posts you want to show ?', 'foto' ),
+		'id' => 'foto_featured',
+		'class' => 'hidden',
+		'type' => 'select',
+		'std' => '3',
+		'options' => $numbers );
+	
+	/* ============================== End Theme Settings ================================= */	
+	
+	$options[] = array( 
+		'name' => __( 'Social', 'foto' ),
+		'type' => 'heading');
+		
+	$options[] = array( 
+		'name' => __( 'Custom RSS Feed', 'foto' ),
+		'desc' => __( 'You can put the feedburner link here', 'foto' ),
+		'id' => 'foto_rss_custom',
+		'type' => 'text');
+		
+	$options[] = array( 
+		'name' => __( 'Twitter', 'foto' ),
+		'desc' => __( 'Twitter url. ex: http://twitter.com/yourusername', 'foto' ),
+		'id' => 'foto_twitter_username',
+		'type' => 'text');
+						
+	$options[] = array( 
+		'name' => __( 'Facebook', 'foto' ),
+		'desc' => __( 'Facebook url. ex: http://www.facebook.com/yourusername', 'foto' ),
+		'id' => 'foto_fb_username',
+		'type' => 'text');
+						
+	$options[] = array( 
+		'name' => __( 'Google Plus', 'foto' ),
+		'desc' => __( 'Google plus url. ex: https://plus.google.com/u/109253446701726260861', 'foto' ),
+		'id' => 'foto_gplus_username',
+		'type' => 'text');
+						
+	
+	/* ============================== End Social Settings ================================= */
+	
+	return $options;
+}
+
+/** 
+ * Custom script for theme options
+ *
+ * @since 0.0.1
+ */
+function foto_custom_scripts() { ?>
+	<script type='text/javascript'>
+	jQuery(document).ready(function($) {
+
+		$('#foto_show_featured').click(function() {
+			$('#section-foto_featured').fadeToggle(400);
+		});
+		
+		if ($('#foto_show_featured:checked').val() !== undefined) {
+			$('#section-foto_featured').show();
+		}
+		
+	});
+	</script>
+<?php
+}
+add_action( 'optionsframework_custom_scripts', 'foto_custom_scripts' );
+?>

app/themes/hcf/includes/templates.php

@@ -0,0 +1,304 @@
+<?php
+
+if ( ! function_exists( 'foto_page_title' ) ):
+function foto_page_title() {
+	if ( is_home() || is_front_page() ) { 
+		echo esc_attr( of_get_option('foto_welcome_text') );
+		
+	} elseif ( is_single() || is_page() ) {
+		printf( __('<a href="%1$s" title="%2$s" rel="bookmark">%3$s</a>', 'foto'),
+			esc_url( get_permalink() ),
+			esc_attr( sprintf( __( 'Permalink to %s', 'foto' ), the_title_attribute( 'echo=0' ) ) ),
+			esc_attr( get_the_title() )
+		);
+		
+	} elseif ( is_author() ) {
+		/* Queue the first post, that way we know
+		 * what author we're dealing with (if that is the case).
+		*/
+		the_post();
+		printf( __( 'Author Archives: %s', 'foto' ), '<span class="vcard"><a class="url fn n" href="' . get_author_posts_url( get_the_author_meta( "ID" ) ) . '" title="' . esc_attr( get_the_author() ) . '" rel="me">' . get_the_author() . '</a></span>' );
+		/* Since we called the_post() above, we need to
+		 * rewind the loop back to the beginning that way
+		 * we can run the loop properly, in full.
+		 */
+		rewind_posts();
+		
+	} elseif ( is_404() ) {
+		_e( '404 Not Found', 'foto' );
+		
+	} elseif ( is_search() ) {
+		printf( __( 'Search Results for: %s', 'foto' ), '<span>' . get_search_query() . '</span>' );
+		
+	} elseif ( is_category() ) {
+		printf( __( 'Category Archives: %s', 'foto' ), '<span>' . single_cat_title( '', false ) . '</span>' );
+
+	} elseif ( is_tag() ) {
+		printf( __( 'Tag Archives: %s', 'foto' ), '<span>' . single_tag_title( '', false ) . '</span>' );
+
+	} elseif ( is_day() ) {
+		printf( __( 'Daily Archives: %s', 'foto' ), '<span>' . get_the_date() . '</span>' );
+
+	} elseif ( is_month() ) {
+		printf( __( 'Monthly Archives: %s', 'foto' ), '<span>' . get_the_date( 'F Y' ) . '</span>' );
+
+	} elseif ( is_year() ) {
+		printf( __( 'Yearly Archives: %s', 'foto' ), '<span>' . get_the_date( 'Y' ) . '</span>' );
+
+	} else {
+		_e( 'Archives', 'foto' );
+
+	}
+}
+endif; // foto_page_title()
+
+
+/**
+ * Display navigation to next/previous pages when applicable
+ *
+ * @since foto 0.0.1
+ */
+if ( ! function_exists( 'foto_content_nav' ) ):
+function foto_content_nav( $nav_id ) {
+	global $wp_query;
+
+	$nav_class = 'site-navigation paging-navigation clearfix';
+	if ( is_single() )
+		$nav_class = 'site-navigation post-navigation clearfix';
+
+	?>
+	<nav role="navigation" id="<?php echo $nav_id; ?>" class="<?php echo $nav_class; ?>">
+		<h1 class="assistive-text"><?php _e( 'Post navigation', 'foto' ); ?></h1>
+
+	<?php if ( is_single() ) : // navigation links for single posts ?>
+
+		<?php previous_post_link( '<div class="nav-previous">%link</div>', '<span class="meta-nav">' . _x( '&larr;', 'Previous post link', 'foto' ) . '</span> %title' ); ?>
+		<?php next_post_link( '<div class="nav-next">%link</div>', '%title <span class="meta-nav">' . _x( '&rarr;', 'Next post link', 'foto' ) . '</span>' ); ?>
+
+	<?php elseif ( $wp_query->max_num_pages > 1 && ( is_home() || is_archive() || is_search() ) ) : // navigation links for home, archive, and search pages ?>
+		
+		<?php if(function_exists('wp_pagenavi')) : wp_pagenavi(); else : // integrate wp-pagenavi ?>
+			<?php if ( get_next_posts_link() ) : ?>
+			<div class="nav-previous"><?php next_posts_link( __( 'Older', 'foto' ) ); ?></div>
+			<?php endif; ?>
+
+			<?php if ( get_previous_posts_link() ) : ?>
+			<div class="nav-next"><?php previous_posts_link( __( 'Newer ', 'foto' ) ); ?></div>
+			<?php endif; ?>
+		<?php endif; ?>
+
+	<?php endif; ?>
+
+	</nav><!-- #<?php echo $nav_id; ?> -->
+	<?php
+}
+endif; // foto_content_nav()
+ 
+ 
+/**
+ * Prints HTML with meta information for the comments and views.
+ *
+ * @since foto 0.0.1
+ */
+if ( ! function_exists( 'foto_entry_info' ) ) :
+function foto_entry_info() {
+	if ( comments_open() && ! post_password_required() ) : ?>
+		<?php comments_popup_link( '0', '1', '%', 'entry-comment', ''); ?>
+	<?php endif; ?>
+	
+	<a class="entry-view" href="<?php echo esc_url( get_permalink() ); ?>" title="<?php _e('Post view', 'foto'); ?>"><?php echo foto_getPostViews(get_the_ID()); ?></a>
+	
+	<a class="entry-permalink" href="<?php echo esc_url( get_permalink() ); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'foto' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php _e('Permalink', 'foto'); ?></a>
+<?php 
+}
+endif; // foto_entry_info()
+
+
+/**
+ * Prints HTML with meta information for the current post-date/time, author, category and tag.
+ *
+ * @since foto 0.0.1
+ */
+if ( ! function_exists( 'foto_entry_meta' ) ) :
+function foto_entry_meta() {
+	?>
+	
+	<ul class="content-data">
+		<li>
+			<span class="data-left"><?php _e('Author', 'foto'); ?></span>
+			<span class="separator">:</span>
+			<span class="data-right"><span class="author vcard"><a class="url fn n" href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>" title="<?php echo esc_attr( sprintf( __( 'View all posts by %s', 'foto' ), get_the_author() ) ); ?>" rel="author"><?php echo esc_html( get_the_author() ); ?></a></span></span>
+		</li>
+		<li>
+			<span class="data-left"><?php _e('Published', 'foto'); ?></span>
+			<span class="separator">:</span>
+			<span class="data-right"><time class="entry-date published" datetime="<?php echo esc_attr( get_the_date( 'c' ) ); ?>" pubdate><?php echo esc_html( get_the_date() ); ?></time></span>
+		</li>
+		<li>
+			<span class="data-left"><?php _e('Category', 'foto'); ?></span>
+			<span class="separator">:</span>
+			<?php 
+				$categories_list = get_the_category_list(', ');
+					printf( __( '<span class="%1$s category">%2$s</span>', 'foto' ), 'entry-utility-prep entry-utility-prep-cat-links data-right', $categories_list );
+			?>
+		</li>
+		<li>
+			<span class="data-left"><?php _e('Tagged', 'foto'); ?></span>
+			<span class="separator">:</span>
+			<?php
+				$tags_list = get_the_tag_list( '', ', ' );
+					printf( __( '<span class="%1$s">%2$s</span>', 'foto' ), 'entry-utility-prep entry-utility-prep-tag-links data-right', $tags_list );
+			?>
+		</li>
+		<li>
+			<span class="data-right"><?php edit_post_link( __( 'Edit', 'foto' ) ); ?></span>
+		</li>
+	</ul>
+	
+<?php 
+}
+endif; // foto_entry_meta()
+
+
+/**
+ * Display the view/s counter
+ * http://wp-snippets.com/post-views-without-plugin/
+ * http://wpsnipp.com/index.php/functions-php/track-post-views-without-a-plugin-using-post-meta/
+ *
+ * @since foto 0.0.1
+ */
+// function to display number of posts.
+function foto_getPostViews($postID){
+    $count_key = 'post_views_count';
+    $count = get_post_meta($postID, $count_key, true);
+    if($count==''){
+        delete_post_meta($postID, $count_key);
+        add_post_meta($postID, $count_key, '0');
+        return __('0 View', 'foto');
+    }
+    return $count . __(' Views', 'foto');
+}
+
+// function to count views.
+function foto_setPostViews($postID) {
+    $count_key = 'post_views_count';
+    $count = get_post_meta($postID, $count_key, true);
+    if($count==''){
+        $count = 0;
+        delete_post_meta($postID, $count_key);
+        add_post_meta($postID, $count_key, '0');
+    }else{
+        $count++;
+        update_post_meta($postID, $count_key, $count);
+    }
+}
+
+// Add it to a column in WP-Admin
+add_filter('manage_posts_columns', 'foto_posts_column_views');
+add_action('manage_posts_custom_column', 'foto_posts_custom_column_views', 5, 2);
+function foto_posts_column_views($defaults){
+    $defaults['post_views'] = __('Views', 'foto');
+    return $defaults;
+}
+function foto_posts_custom_column_views($column_name, $id){
+	if($column_name === 'post_views'){
+        echo foto_getPostViews(get_the_ID());
+    }
+}
+
+remove_action( 'wp_head', 'adjacent_posts_rel_link_wp_head', 10, 0);
+
+/**
+ * This function removes default styles set by WordPress recent comments widget.
+ *
+ * @since foto 0.0.1
+ */
+add_action( 'widgets_init', 'foto_remove_recent_comments_style' );
+function foto_remove_recent_comments_style() {
+	global $wp_widget_factory;
+	remove_action( 'wp_head', array( $wp_widget_factory->widgets['WP_Widget_Recent_Comments'], 'recent_comments_style' ) );
+} // end foto_remove_recent_comments_style()
+
+
+/**
+ * Template for comments and pingbacks.
+ *
+ * Used as a callback by wp_list_comments() for displaying the comments.
+ *
+ * @since foto 1.0
+ */
+if ( ! function_exists( 'foto_comment' ) ) :
+function foto_comment( $comment, $args, $depth ) {
+	$GLOBALS['comment'] = $comment;
+	switch ( $comment->comment_type ) :
+		case 'pingback' :
+		case 'trackback' :
+	?>
+	<li class="post pingback">
+		<p><?php _e( 'Pingback:', 'foto' ); ?> <?php comment_author_link(); ?><?php edit_comment_link( __( 'Edit', 'foto' ), '<span class="edit-link">', '</span>' ); ?></p>
+	<?php
+			break;
+		default :
+	?>
+	<li <?php comment_class(); ?> id="li-comment-<?php comment_ID(); ?>">
+		<article id="comment-<?php comment_ID(); ?>" class="comment">
+			<footer class="comment-meta">
+				<div class="comment-author vcard">
+					<?php
+						$avatar_size = 48;
+						if ( '0' != $comment->comment_parent )
+							$avatar_size = 40;
+
+						echo get_avatar( $comment, $avatar_size );
+
+						/* translators: 1: comment author, 2: date and time */
+						printf( __( '%1$s on %2$s <span class="says">said:</span>', 'foto' ),
+							sprintf( '<span class="fn">%s</span>', get_comment_author_link() ),
+							sprintf( '<a href="%1$s"><time pubdate datetime="%2$s">%3$s</time></a>',
+								esc_url( get_comment_link( $comment->comment_ID ) ),
+								get_comment_time( 'c' ),
+								/* translators: 1: date, 2: time */
+								sprintf( __( '%1$s at %2$s', 'foto' ), get_comment_date(), get_comment_time() )
+							)
+						);
+					?>
+
+					<?php edit_comment_link( __( 'Edit', 'foto' ), '<span class="edit-comment-link">', '</span>' ); ?>
+					
+					<?php comment_reply_link( array_merge( $args, array( 'reply_text' => __( 'Reply <span>&darr;</span>', 'foto' ), 'depth' => $depth, 'max_depth' => $args['max_depth'] ) ) ); ?>
+				</div><!-- .comment-author .vcard -->
+
+				<?php if ( $comment->comment_approved == '0' ) : ?>
+					<em class="comment-awaiting-moderation"><?php _e( 'Your comment is awaiting moderation.', 'foto' ); ?></em>
+				<?php endif; ?>
+
+			</footer>
+
+			<div class="comment-content"><?php comment_text(); ?></div>
+
+		</article><!-- #comment-## -->
+
+	<?php
+			break;
+	endswitch;
+}
+endif; // ends check for foto_comment()
+
+/**
+ * Display navigation to next/previous comments pages when applicable
+ *
+ * @since foto 0.0.1
+ */
+if ( ! function_exists( 'foto_comment_nav' ) ) :
+function foto_comment_nav() {
+	if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // are there comments to navigate through ?>
+	<nav role="navigation" id="comment-nav" class="site-navigation comment-navigation clearfix">
+		<h1 class="assistive-text"><?php _e( 'Comment navigation', 'foto' ); ?></h1>
+		<div class="nav-previous"><?php previous_comments_link( __( '&larr; Older Comments', 'foto' ) ); ?></div>
+		<div class="nav-next"><?php next_comments_link( __( 'Newer Comments &rarr;', 'foto' ) ); ?></div>
+	</nav>
+	<?php endif; // check for comment navigation
+}
+endif; // foto_comment_nav()
+
+?>

app/themes/hcf/index.php

@@ -0,0 +1,43 @@
+<?php get_header(); ?>
+		
+		<?php get_template_part( 'content', 'featured' ); ?>
+		
+		<?php do_action( 'foto_before_content' ); ?>
+		
+		<section id="content" class="site-content" role="main">
+			
+			<?php do_action( 'foto_before_article' ); ?>
+			
+				<?php
+			  	$paged = ( get_query_var( 'paged' ) ) ? get_query_var( 'paged' ) : 1;
+			  	
+		        $args = array(
+	                'paged' => $paged,
+					'post__not_in' => get_option( 'sticky_posts' )		
+		        );
+
+		        $post_query = new WP_Query( $args );
+
+					if ( $post_query->have_posts() ) : ?>
+
+					<?php while ( $post_query->have_posts() ) : $post_query->the_post(); ?>
+
+						<?php get_template_part( 'content' ); ?>
+
+					<?php endwhile; ?>
+
+					<?php foto_content_nav( 'nav-below' ); ?>
+
+				<?php elseif ( current_user_can( 'edit_posts' ) ) : ?>
+
+					<?php get_template_part( 'no-results', 'index' ); ?>
+
+				<?php endif; ?>
+			
+			<?php do_action( 'foto_after_article' ); ?>
+			
+		</section><!-- end #content .site-content -->
+		
+		<?php do_action( 'foto_after_content' ); ?>
+		
+<?php get_footer(); ?>

app/themes/hcf/js/js-dev/jquery.fancybox-1.3.4.js

@@ -0,0 +1,1156 @@
+/*
+ * FancyBox - jQuery Plugin
+ * Simple and fancy lightbox alternative
+ *
+ * Examples and documentation at: http://fancybox.net
+ *
+ * Copyright (c) 2008 - 2010 Janis Skarnelis
+ * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
+ *
+ * Version: 1.3.4 (11/11/2010)
+ * Requires: jQuery v1.3+
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *   http://www.gnu.org/licenses/gpl.html
+ */
+
+;(function($) {
+	var tmp, loading, overlay, wrap, outer, content, close, title, nav_left, nav_right,
+
+		selectedIndex = 0, selectedOpts = {}, selectedArray = [], currentIndex = 0, currentOpts = {}, currentArray = [],
+
+		ajaxLoader = null, imgPreloader = new Image(), imgRegExp = /\.(jpg|gif|png|bmp|jpeg)(.*)?$/i, swfRegExp = /[^\.]\.(swf)\s*$/i,
+
+		loadingTimer, loadingFrame = 1,
+
+		titleHeight = 0, titleStr = '', start_pos, final_pos, busy = false, fx = $.extend($('<div/>')[0], { prop: 0 }),
+
+		isIE6 = $.browser.msie && $.browser.version < 7 && !window.XMLHttpRequest,
+
+		/*
+		 * Private methods 
+		 */
+
+		_abort = function() {
+			loading.hide();
+
+			imgPreloader.onerror = imgPreloader.onload = null;
+
+			if (ajaxLoader) {
+				ajaxLoader.abort();
+			}
+
+			tmp.empty();
+		},
+
+		_error = function() {
+			if (false === selectedOpts.onError(selectedArray, selectedIndex, selectedOpts)) {
+				loading.hide();
+				busy = false;
+				return;
+			}
+
+			selectedOpts.titleShow = false;
+
+			selectedOpts.width = 'auto';
+			selectedOpts.height = 'auto';
+
+			tmp.html( '<p id="fancybox-error">The requested content cannot be loaded.<br />Please try again later.</p>' );
+
+			_process_inline();
+		},
+
+		_start = function() {
+			var obj = selectedArray[ selectedIndex ],
+				href, 
+				type, 
+				title,
+				str,
+				emb,
+				ret;
+
+			_abort();
+
+			selectedOpts = $.extend({}, $.fn.fancybox.defaults, (typeof $(obj).data('fancybox') == 'undefined' ? selectedOpts : $(obj).data('fancybox')));
+
+			ret = selectedOpts.onStart(selectedArray, selectedIndex, selectedOpts);
+
+			if (ret === false) {
+				busy = false;
+				return;
+			} else if (typeof ret == 'object') {
+				selectedOpts = $.extend(selectedOpts, ret);
+			}
+
+			title = selectedOpts.title || (obj.nodeName ? $(obj).attr('title') : obj.title) || '';
+
+			if (obj.nodeName && !selectedOpts.orig) {
+				selectedOpts.orig = $(obj).children("img:first").length ? $(obj).children("img:first") : $(obj);
+			}
+
+			if (title === '' && selectedOpts.orig && selectedOpts.titleFromAlt) {
+				title = selectedOpts.orig.attr('alt');
+			}
+
+			href = selectedOpts.href || (obj.nodeName ? $(obj).attr('href') : obj.href) || null;
+
+			if ((/^(?:javascript)/i).test(href) || href == '#') {
+				href = null;
+			}
+
+			if (selectedOpts.type) {
+				type = selectedOpts.type;
+
+				if (!href) {
+					href = selectedOpts.content;
+				}
+
+			} else if (selectedOpts.content) {
+				type = 'html';
+
+			} else if (href) {
+				if (href.match(imgRegExp)) {
+					type = 'image';
+
+				} else if (href.match(swfRegExp)) {
+					type = 'swf';
+
+				} else if ($(obj).hasClass("iframe")) {
+					type = 'iframe';
+
+				} else if (href.indexOf("#") === 0) {
+					type = 'inline';
+
+				} else {
+					type = 'ajax';
+				}
+			}
+
+			if (!type) {
+				_error();
+				return;
+			}
+
+			if (type == 'inline') {
+				obj	= href.substr(href.indexOf("#"));
+				type = $(obj).length > 0 ? 'inline' : 'ajax';
+			}
+
+			selectedOpts.type = type;
+			selectedOpts.href = href;
+			selectedOpts.title = title;
+
+			if (selectedOpts.autoDimensions) {
+				if (selectedOpts.type == 'html' || selectedOpts.type == 'inline' || selectedOpts.type == 'ajax') {
+					selectedOpts.width = 'auto';
+					selectedOpts.height = 'auto';
+				} else {
+					selectedOpts.autoDimensions = false;	
+				}
+			}
+
+			if (selectedOpts.modal) {
+				selectedOpts.overlayShow = true;
+				selectedOpts.hideOnOverlayClick = false;
+				selectedOpts.hideOnContentClick = false;
+				selectedOpts.enableEscapeButton = false;
+				selectedOpts.showCloseButton = false;
+			}
+
+			selectedOpts.padding = parseInt(selectedOpts.padding, 10);
+			selectedOpts.margin = parseInt(selectedOpts.margin, 10);
+
+			tmp.css('padding', (selectedOpts.padding + selectedOpts.margin));
+
+			$('.fancybox-inline-tmp').unbind('fancybox-cancel').bind('fancybox-change', function() {
+				$(this).replaceWith(content.children());				
+			});
+
+			switch (type) {
+				case 'html' :
+					tmp.html( selectedOpts.content );
+					_process_inline();
+				break;
+
+				case 'inline' :
+					if ( $(obj).parent().is('#fancybox-content') === true) {
+						busy = false;
+						return;
+					}
+
+					$('<div class="fancybox-inline-tmp" />')
+						.hide()
+						.insertBefore( $(obj) )
+						.bind('fancybox-cleanup', function() {
+							$(this).replaceWith(content.children());
+						}).bind('fancybox-cancel', function() {
+							$(this).replaceWith(tmp.children());
+						});
+
+					$(obj).appendTo(tmp);
+
+					_process_inline();
+				break;
+
+				case 'image':
+					busy = false;
+
+					$.fancybox.showActivity();
+
+					imgPreloader = new Image();
+
+					imgPreloader.onerror = function() {
+						_error();
+					};
+
+					imgPreloader.onload = function() {
+						busy = true;
+
+						imgPreloader.onerror = imgPreloader.onload = null;
+
+						_process_image();
+					};
+
+					imgPreloader.src = href;
+				break;
+
+				case 'swf':
+					selectedOpts.scrolling = 'no';
+
+					str = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="' + selectedOpts.width + '" height="' + selectedOpts.height + '"><param name="movie" value="' + href + '"></param>';
+					emb = '';
+
+					$.each(selectedOpts.swf, function(name, val) {
+						str += '<param name="' + name + '" value="' + val + '"></param>';
+						emb += ' ' + name + '="' + val + '"';
+					});
+
+					str += '<embed src="' + href + '" type="application/x-shockwave-flash" width="' + selectedOpts.width + '" height="' + selectedOpts.height + '"' + emb + '></embed></object>';
+
+					tmp.html(str);
+
+					_process_inline();
+				break;
+
+				case 'ajax':
+					busy = false;
+
+					$.fancybox.showActivity();
+
+					selectedOpts.ajax.win = selectedOpts.ajax.success;
+
+					ajaxLoader = $.ajax($.extend({}, selectedOpts.ajax, {
+						url	: href,
+						data : selectedOpts.ajax.data || {},
+						error : function(XMLHttpRequest, textStatus, errorThrown) {
+							if ( XMLHttpRequest.status > 0 ) {
+								_error();
+							}
+						},
+						success : function(data, textStatus, XMLHttpRequest) {
+							var o = typeof XMLHttpRequest == 'object' ? XMLHttpRequest : ajaxLoader;
+							if (o.status == 200) {
+								if ( typeof selectedOpts.ajax.win == 'function' ) {
+									ret = selectedOpts.ajax.win(href, data, textStatus, XMLHttpRequest);
+
+									if (ret === false) {
+										loading.hide();
+										return;
+									} else if (typeof ret == 'string' || typeof ret == 'object') {
+										data = ret;
+									}
+								}
+
+								tmp.html( data );
+								_process_inline();
+							}
+						}
+					}));
+
+				break;
+
+				case 'iframe':
+					_show();
+				break;
+			}
+		},
+
+		_process_inline = function() {
+			var
+				w = selectedOpts.width,
+				h = selectedOpts.height;
+
+			if (w.toString().indexOf('%') > -1) {
+				w = parseInt( ($(window).width() - (selectedOpts.margin * 2)) * parseFloat(w) / 100, 10) + 'px';
+
+			} else {
+				w = w == 'auto' ? 'auto' : w + 'px';	
+			}
+
+			if (h.toString().indexOf('%') > -1) {
+				h = parseInt( ($(window).height() - (selectedOpts.margin * 2)) * parseFloat(h) / 100, 10) + 'px';
+
+			} else {
+				h = h == 'auto' ? 'auto' : h + 'px';	
+			}
+
+			tmp.wrapInner('<div style="width:' + w + ';height:' + h + ';overflow: ' + (selectedOpts.scrolling == 'auto' ? 'auto' : (selectedOpts.scrolling == 'yes' ? 'scroll' : 'hidden')) + ';position:relative;"></div>');
+
+			selectedOpts.width = tmp.width();
+			selectedOpts.height = tmp.height();
+
+			_show();
+		},
+
+		_process_image = function() {
+			selectedOpts.width = imgPreloader.width;
+			selectedOpts.height = imgPreloader.height;
+
+			$("<img />").attr({
+				'id' : 'fancybox-img',
+				'src' : imgPreloader.src,
+				'alt' : selectedOpts.title
+			}).appendTo( tmp );
+
+			_show();
+		},
+
+		_show = function() {
+			var pos, equal;
+
+			loading.hide();
+
+			if (wrap.is(":visible") && false === currentOpts.onCleanup(currentArray, currentIndex, currentOpts)) {
+				$.event.trigger('fancybox-cancel');
+
+				busy = false;
+				return;
+			}
+
+			busy = true;
+
+			$(content.add( overlay )).unbind();
+
+			$(window).unbind("resize.fb scroll.fb");
+			$(document).unbind('keydown.fb');
+
+			if (wrap.is(":visible") && currentOpts.titlePosition !== 'outside') {
+				wrap.css('height', wrap.height());
+			}
+
+			currentArray = selectedArray;
+			currentIndex = selectedIndex;
+			currentOpts = selectedOpts;
+
+			if (currentOpts.overlayShow) {
+				overlay.css({
+					'background-color' : currentOpts.overlayColor,
+					'opacity' : currentOpts.overlayOpacity,
+					'cursor' : currentOpts.hideOnOverlayClick ? 'pointer' : 'auto',
+					'height' : $(document).height()
+				});
+
+				if (!overlay.is(':visible')) {
+					if (isIE6) {
+						$('select:not(#fancybox-tmp select)').filter(function() {
+							return this.style.visibility !== 'hidden';
+						}).css({'visibility' : 'hidden'}).one('fancybox-cleanup', function() {
+							this.style.visibility = 'inherit';
+						});
+					}
+
+					overlay.show();
+				}
+			} else {
+				overlay.hide();
+			}
+
+			final_pos = _get_zoom_to();
+
+			_process_title();
+
+			if (wrap.is(":visible")) {
+				$( close.add( nav_left ).add( nav_right ) ).hide();
+
+				pos = wrap.position(),
+
+				start_pos = {
+					top	 : pos.top,
+					left : pos.left,
+					width : wrap.width(),
+					height : wrap.height()
+				};
+
+				equal = (start_pos.width == final_pos.width && start_pos.height == final_pos.height);
+
+				content.fadeTo(currentOpts.changeFade, 0.3, function() {
+					var finish_resizing = function() {
+						content.html( tmp.contents() ).fadeTo(currentOpts.changeFade, 1, _finish);
+					};
+
+					$.event.trigger('fancybox-change');
+
+					content
+						.empty()
+						.removeAttr('filter')
+						.css({
+							'border-width' : currentOpts.padding,
+							'width'	: final_pos.width - currentOpts.padding * 2,
+							'height' : selectedOpts.autoDimensions ? 'auto' : final_pos.height - titleHeight - currentOpts.padding * 2
+						});
+
+					if (equal) {
+						finish_resizing();
+
+					} else {
+						fx.prop = 0;
+
+						$(fx).animate({prop: 1}, {
+							 duration : currentOpts.changeSpeed,
+							 easing : currentOpts.easingChange,
+							 step : _draw,
+							 complete : finish_resizing
+						});
+					}
+				});
+
+				return;
+			}
+
+			wrap.removeAttr("style");
+
+			content.css('border-width', currentOpts.padding);
+
+			if (currentOpts.transitionIn == 'elastic') {
+				start_pos = _get_zoom_from();
+
+				content.html( tmp.contents() );
+
+				wrap.show();
+
+				if (currentOpts.opacity) {
+					final_pos.opacity = 0;
+				}
+
+				fx.prop = 0;
+
+				$(fx).animate({prop: 1}, {
+					 duration : currentOpts.speedIn,
+					 easing : currentOpts.easingIn,
+					 step : _draw,
+					 complete : _finish
+				});
+
+				return;
+			}
+
+			if (currentOpts.titlePosition == 'inside' && titleHeight > 0) {	
+				title.show();	
+			}
+
+			content
+				.css({
+					'width' : final_pos.width - currentOpts.padding * 2,
+					'height' : selectedOpts.autoDimensions ? 'auto' : final_pos.height - titleHeight - currentOpts.padding * 2
+				})
+				.html( tmp.contents() );
+
+			wrap
+				.css(final_pos)
+				.fadeIn( currentOpts.transitionIn == 'none' ? 0 : currentOpts.speedIn, _finish );
+		},
+
+		_format_title = function(title) {
+			if (title && title.length) {
+				if (currentOpts.titlePosition == 'float') {
+					return '<table id="fancybox-title-float-wrap" cellpadding="0" cellspacing="0"><tr><td id="fancybox-title-float-left"></td><td id="fancybox-title-float-main">' + title + '</td><td id="fancybox-title-float-right"></td></tr></table>';
+				}
+
+				return '<div id="fancybox-title-' + currentOpts.titlePosition + '">' + title + '</div>';
+			}
+
+			return false;
+		},
+
+		_process_title = function() {
+			titleStr = currentOpts.title || '';
+			titleHeight = 0;
+
+			title
+				.empty()
+				.removeAttr('style')
+				.removeClass();
+
+			if (currentOpts.titleShow === false) {
+				title.hide();
+				return;
+			}
+
+			titleStr = $.isFunction(currentOpts.titleFormat) ? currentOpts.titleFormat(titleStr, currentArray, currentIndex, currentOpts) : _format_title(titleStr);
+
+			if (!titleStr || titleStr === '') {
+				title.hide();
+				return;
+			}
+
+			title
+				.addClass('fancybox-title-' + currentOpts.titlePosition)
+				.html( titleStr )
+				.appendTo( 'body' )
+				.show();
+
+			switch (currentOpts.titlePosition) {
+				case 'inside':
+					title
+						.css({
+							'width' : final_pos.width - (currentOpts.padding * 2),
+							'marginLeft' : currentOpts.padding,
+							'marginRight' : currentOpts.padding
+						});
+
+					titleHeight = title.outerHeight(true);
+
+					title.appendTo( outer );
+
+					final_pos.height += titleHeight;
+				break;
+
+				case 'over':
+					title
+						.css({
+							'marginLeft' : currentOpts.padding,
+							'width'	: final_pos.width - (currentOpts.padding * 2),
+							'bottom' : currentOpts.padding
+						})
+						.appendTo( outer );
+				break;
+
+				case 'float':
+					title
+						.css('left', parseInt((title.width() - final_pos.width - 40)/ 2, 10) * -1)
+						.appendTo( wrap );
+				break;
+
+				default:
+					title
+						.css({
+							'width' : final_pos.width - (currentOpts.padding * 2),
+							'paddingLeft' : currentOpts.padding,
+							'paddingRight' : currentOpts.padding
+						})
+						.appendTo( wrap );
+				break;
+			}
+
+			title.hide();
+		},
+
+		_set_navigation = function() {
+			if (currentOpts.enableEscapeButton || currentOpts.enableKeyboardNav) {
+				$(document).bind('keydown.fb', function(e) {
+					if (e.keyCode == 27 && currentOpts.enableEscapeButton) {
+						e.preventDefault();
+						$.fancybox.close();
+
+					} else if ((e.keyCode == 37 || e.keyCode == 39) && currentOpts.enableKeyboardNav && e.target.tagName !== 'INPUT' && e.target.tagName !== 'TEXTAREA' && e.target.tagName !== 'SELECT') {
+						e.preventDefault();
+						$.fancybox[ e.keyCode == 37 ? 'prev' : 'next']();
+					}
+				});
+			}
+
+			if (!currentOpts.showNavArrows) { 
+				nav_left.hide();
+				nav_right.hide();
+				return;
+			}
+
+			if ((currentOpts.cyclic && currentArray.length > 1) || currentIndex !== 0) {
+				nav_left.show();
+			}
+
+			if ((currentOpts.cyclic && currentArray.length > 1) || currentIndex != (currentArray.length -1)) {
+				nav_right.show();
+			}
+		},
+
+		_finish = function () {
+			if (!$.support.opacity) {
+				content.get(0).style.removeAttribute('filter');
+				wrap.get(0).style.removeAttribute('filter');
+			}
+
+			if (selectedOpts.autoDimensions) {
+				content.css('height', 'auto');
+			}
+
+			wrap.css('height', 'auto');
+
+			if (titleStr && titleStr.length) {
+				title.show();
+			}
+
+			if (currentOpts.showCloseButton) {
+				close.show();
+			}
+
+			_set_navigation();
+	
+			if (currentOpts.hideOnContentClick)	{
+				content.bind('click', $.fancybox.close);
+			}
+
+			if (currentOpts.hideOnOverlayClick)	{
+				overlay.bind('click', $.fancybox.close);
+			}
+
+			$(window).bind("resize.fb", $.fancybox.resize);
+
+			if (currentOpts.centerOnScroll) {
+				$(window).bind("scroll.fb", $.fancybox.center);
+			}
+
+			if (currentOpts.type == 'iframe') {
+				$('<iframe id="fancybox-frame" name="fancybox-frame' + new Date().getTime() + '" frameborder="0" hspace="0" ' + ($.browser.msie ? 'allowtransparency="true""' : '') + ' scrolling="' + selectedOpts.scrolling + '" src="' + currentOpts.href + '"></iframe>').appendTo(content);
+			}
+
+			wrap.show();
+
+			busy = false;
+
+			$.fancybox.center();
+
+			currentOpts.onComplete(currentArray, currentIndex, currentOpts);
+
+			_preload_images();
+		},
+
+		_preload_images = function() {
+			var href, 
+				objNext;
+
+			if ((currentArray.length -1) > currentIndex) {
+				href = currentArray[ currentIndex + 1 ].href;
+
+				if (typeof href !== 'undefined' && href.match(imgRegExp)) {
+					objNext = new Image();
+					objNext.src = href;
+				}
+			}
+
+			if (currentIndex > 0) {
+				href = currentArray[ currentIndex - 1 ].href;
+
+				if (typeof href !== 'undefined' && href.match(imgRegExp)) {
+					objNext = new Image();
+					objNext.src = href;
+				}
+			}
+		},
+
+		_draw = function(pos) {
+			var dim = {
+				width : parseInt(start_pos.width + (final_pos.width - start_pos.width) * pos, 10),
+				height : parseInt(start_pos.height + (final_pos.height - start_pos.height) * pos, 10),
+
+				top : parseInt(start_pos.top + (final_pos.top - start_pos.top) * pos, 10),
+				left : parseInt(start_pos.left + (final_pos.left - start_pos.left) * pos, 10)
+			};
+
+			if (typeof final_pos.opacity !== 'undefined') {
+				dim.opacity = pos < 0.5 ? 0.5 : pos;
+			}
+
+			wrap.css(dim);
+
+			content.css({
+				'width' : dim.width - currentOpts.padding * 2,
+				'height' : dim.height - (titleHeight * pos) - currentOpts.padding * 2
+			});
+		},
+
+		_get_viewport = function() {
+			return [
+				$(window).width() - (currentOpts.margin * 2),
+				$(window).height() - (currentOpts.margin * 2),
+				$(document).scrollLeft() + currentOpts.margin,
+				$(document).scrollTop() + currentOpts.margin
+			];
+		},
+
+		_get_zoom_to = function () {
+			var view = _get_viewport(),
+				to = {},
+				resize = currentOpts.autoScale,
+				double_padding = currentOpts.padding * 2,
+				ratio;
+
+			if (currentOpts.width.toString().indexOf('%') > -1) {
+				to.width = parseInt((view[0] * parseFloat(currentOpts.width)) / 100, 10);
+			} else {
+				to.width = currentOpts.width + double_padding;
+			}
+
+			if (currentOpts.height.toString().indexOf('%') > -1) {
+				to.height = parseInt((view[1] * parseFloat(currentOpts.height)) / 100, 10);
+			} else {
+				to.height = currentOpts.height + double_padding;
+			}
+
+			if (resize && (to.width > view[0] || to.height > view[1])) {
+				if (selectedOpts.type == 'image' || selectedOpts.type == 'swf') {
+					ratio = (currentOpts.width ) / (currentOpts.height );
+
+					if ((to.width ) > view[0]) {
+						to.width = view[0];
+						to.height = parseInt(((to.width - double_padding) / ratio) + double_padding, 10);
+					}
+
+					if ((to.height) > view[1]) {
+						to.height = view[1];
+						to.width = parseInt(((to.height - double_padding) * ratio) + double_padding, 10);
+					}
+
+				} else {
+					to.width = Math.min(to.width, view[0]);
+					to.height = Math.min(to.height, view[1]);
+				}
+			}
+
+			to.top = parseInt(Math.max(view[3] - 20, view[3] + ((view[1] - to.height - 40) * 0.5)), 10);
+			to.left = parseInt(Math.max(view[2] - 20, view[2] + ((view[0] - to.width - 40) * 0.5)), 10);
+
+			return to;
+		},
+
+		_get_obj_pos = function(obj) {
+			var pos = obj.offset();
+
+			pos.top += parseInt( obj.css('paddingTop'), 10 ) || 0;
+			pos.left += parseInt( obj.css('paddingLeft'), 10 ) || 0;
+
+			pos.top += parseInt( obj.css('border-top-width'), 10 ) || 0;
+			pos.left += parseInt( obj.css('border-left-width'), 10 ) || 0;
+
+			pos.width = obj.width();
+			pos.height = obj.height();
+
+			return pos;
+		},
+
+		_get_zoom_from = function() {
+			var orig = selectedOpts.orig ? $(selectedOpts.orig) : false,
+				from = {},
+				pos,
+				view;
+
+			if (orig && orig.length) {
+				pos = _get_obj_pos(orig);
+
+				from = {
+					width : pos.width + (currentOpts.padding * 2),
+					height : pos.height + (currentOpts.padding * 2),
+					top	: pos.top - currentOpts.padding - 20,
+					left : pos.left - currentOpts.padding - 20
+				};
+
+			} else {
+				view = _get_viewport();
+
+				from = {
+					width : currentOpts.padding * 2,
+					height : currentOpts.padding * 2,
+					top	: parseInt(view[3] + view[1] * 0.5, 10),
+					left : parseInt(view[2] + view[0] * 0.5, 10)
+				};
+			}
+
+			return from;
+		},
+
+		_animate_loading = function() {
+			if (!loading.is(':visible')){
+				clearInterval(loadingTimer);
+				return;
+			}
+
+			$('div', loading).css('top', (loadingFrame * -40) + 'px');
+
+			loadingFrame = (loadingFrame + 1) % 12;
+		};
+
+	/*
+	 * Public methods 
+	 */
+
+	$.fn.fancybox = function(options) {
+		if (!$(this).length) {
+			return this;
+		}
+
+		$(this)
+			.data('fancybox', $.extend({}, options, ($.metadata ? $(this).metadata() : {})))
+			.unbind('click.fb')
+			.bind('click.fb', function(e) {
+				e.preventDefault();
+
+				if (busy) {
+					return;
+				}
+
+				busy = true;
+
+				$(this).blur();
+
+				selectedArray = [];
+				selectedIndex = 0;
+
+				var rel = $(this).attr('rel') || '';
+
+				if (!rel || rel == '' || rel === 'nofollow') {
+					selectedArray.push(this);
+
+				} else {
+					selectedArray = $("a[rel=" + rel + "], area[rel=" + rel + "]");
+					selectedIndex = selectedArray.index( this );
+				}
+
+				_start();
+
+				return;
+			});
+
+		return this;
+	};
+
+	$.fancybox = function(obj) {
+		var opts;
+
+		if (busy) {
+			return;
+		}
+
+		busy = true;
+		opts = typeof arguments[1] !== 'undefined' ? arguments[1] : {};
+
+		selectedArray = [];
+		selectedIndex = parseInt(opts.index, 10) || 0;
+
+		if ($.isArray(obj)) {
+			for (var i = 0, j = obj.length; i < j; i++) {
+				if (typeof obj[i] == 'object') {
+					$(obj[i]).data('fancybox', $.extend({}, opts, obj[i]));
+				} else {
+					obj[i] = $({}).data('fancybox', $.extend({content : obj[i]}, opts));
+				}
+			}
+
+			selectedArray = jQuery.merge(selectedArray, obj);
+
+		} else {
+			if (typeof obj == 'object') {
+				$(obj).data('fancybox', $.extend({}, opts, obj));
+			} else {
+				obj = $({}).data('fancybox', $.extend({content : obj}, opts));
+			}
+
+			selectedArray.push(obj);
+		}
+
+		if (selectedIndex > selectedArray.length || selectedIndex < 0) {
+			selectedIndex = 0;
+		}
+
+		_start();
+	};
+
+	$.fancybox.showActivity = function() {
+		clearInterval(loadingTimer);
+
+		loading.show();
+		loadingTimer = setInterval(_animate_loading, 66);
+	};
+
+	$.fancybox.hideActivity = function() {
+		loading.hide();
+	};
+
+	$.fancybox.next = function() {
+		return $.fancybox.pos( currentIndex + 1);
+	};
+
+	$.fancybox.prev = function() {
+		return $.fancybox.pos( currentIndex - 1);
+	};
+
+	$.fancybox.pos = function(pos) {
+		if (busy) {
+			return;
+		}
+
+		pos = parseInt(pos);
+
+		selectedArray = currentArray;
+
+		if (pos > -1 && pos < currentArray.length) {
+			selectedIndex = pos;
+			_start();
+
+		} else if (currentOpts.cyclic && currentArray.length > 1) {
+			selectedIndex = pos >= currentArray.length ? 0 : currentArray.length - 1;
+			_start();
+		}
+
+		return;
+	};
+
+	$.fancybox.cancel = function() {
+		if (busy) {
+			return;
+		}
+
+		busy = true;
+
+		$.event.trigger('fancybox-cancel');
+
+		_abort();
+
+		selectedOpts.onCancel(selectedArray, selectedIndex, selectedOpts);
+
+		busy = false;
+	};
+
+	// Note: within an iframe use - parent.$.fancybox.close();
+	$.fancybox.close = function() {
+		if (busy || wrap.is(':hidden')) {
+			return;
+		}
+
+		busy = true;
+
+		if (currentOpts && false === currentOpts.onCleanup(currentArray, currentIndex, currentOpts)) {
+			busy = false;
+			return;
+		}
+
+		_abort();
+
+		$(close.add( nav_left ).add( nav_right )).hide();
+
+		$(content.add( overlay )).unbind();
+
+		$(window).unbind("resize.fb scroll.fb");
+		$(document).unbind('keydown.fb');
+
+		content.find('iframe').attr('src', isIE6 && /^https/i.test(window.location.href || '') ? 'javascript:void(false)' : 'about:blank');
+
+		if (currentOpts.titlePosition !== 'inside') {
+			title.empty();
+		}
+
+		wrap.stop();
+
+		function _cleanup() {
+			overlay.fadeOut('fast');
+
+			title.empty().hide();
+			wrap.hide();
+
+			$.event.trigger('fancybox-cleanup');
+
+			content.empty();
+
+			currentOpts.onClosed(currentArray, currentIndex, currentOpts);
+
+			currentArray = selectedOpts	= [];
+			currentIndex = selectedIndex = 0;
+			currentOpts = selectedOpts	= {};
+
+			busy = false;
+		}
+
+		if (currentOpts.transitionOut == 'elastic') {
+			start_pos = _get_zoom_from();
+
+			var pos = wrap.position();
+
+			final_pos = {
+				top	 : pos.top ,
+				left : pos.left,
+				width :	wrap.width(),
+				height : wrap.height()
+			};
+
+			if (currentOpts.opacity) {
+				final_pos.opacity = 1;
+			}
+
+			title.empty().hide();
+
+			fx.prop = 1;
+
+			$(fx).animate({ prop: 0 }, {
+				 duration : currentOpts.speedOut,
+				 easing : currentOpts.easingOut,
+				 step : _draw,
+				 complete : _cleanup
+			});
+
+		} else {
+			wrap.fadeOut( currentOpts.transitionOut == 'none' ? 0 : currentOpts.speedOut, _cleanup);
+		}
+	};
+
+	$.fancybox.resize = function() {
+		if (overlay.is(':visible')) {
+			overlay.css('height', $(document).height());
+		}
+
+		$.fancybox.center(true);
+	};
+
+	$.fancybox.center = function() {
+		var view, align;
+
+		if (busy) {
+			return;	
+		}
+
+		align = arguments[0] === true ? 1 : 0;
+		view = _get_viewport();
+
+		if (!align && (wrap.width() > view[0] || wrap.height() > view[1])) {
+			return;	
+		}
+
+		wrap
+			.stop()
+			.animate({
+				'top' : parseInt(Math.max(view[3] - 20, view[3] + ((view[1] - content.height() - 40) * 0.5) - currentOpts.padding)),
+				'left' : parseInt(Math.max(view[2] - 20, view[2] + ((view[0] - content.width() - 40) * 0.5) - currentOpts.padding))
+			}, typeof arguments[0] == 'number' ? arguments[0] : 200);
+	};
+
+	$.fancybox.init = function() {
+		if ($("#fancybox-wrap").length) {
+			return;
+		}
+
+		$('body').append(
+			tmp	= $('<div id="fancybox-tmp"></div>'),
+			loading	= $('<div id="fancybox-loading"><div></div></div>'),
+			overlay	= $('<div id="fancybox-overlay"></div>'),
+			wrap = $('<div id="fancybox-wrap"></div>')
+		);
+
+		outer = $('<div id="fancybox-outer"></div>')
+			.append('<div class="fancybox-bg" id="fancybox-bg-n"></div><div class="fancybox-bg" id="fancybox-bg-ne"></div><div class="fancybox-bg" id="fancybox-bg-e"></div><div class="fancybox-bg" id="fancybox-bg-se"></div><div class="fancybox-bg" id="fancybox-bg-s"></div><div class="fancybox-bg" id="fancybox-bg-sw"></div><div class="fancybox-bg" id="fancybox-bg-w"></div><div class="fancybox-bg" id="fancybox-bg-nw"></div>')
+			.appendTo( wrap );
+
+		outer.append(
+			content = $('<div id="fancybox-content"></div>'),
+			close = $('<a id="fancybox-close"></a>'),
+			title = $('<div id="fancybox-title"></div>'),
+
+			nav_left = $('<a href="javascript:;" id="fancybox-left"><span class="fancy-ico" id="fancybox-left-ico"></span></a>'),
+			nav_right = $('<a href="javascript:;" id="fancybox-right"><span class="fancy-ico" id="fancybox-right-ico"></span></a>')
+		);
+
+		close.click($.fancybox.close);
+		loading.click($.fancybox.cancel);
+
+		nav_left.click(function(e) {
+			e.preventDefault();
+			$.fancybox.prev();
+		});
+
+		nav_right.click(function(e) {
+			e.preventDefault();
+			$.fancybox.next();
+		});
+
+		if ($.fn.mousewheel) {
+			wrap.bind('mousewheel.fb', function(e, delta) {
+				if (busy) {
+					e.preventDefault();
+
+				} else if ($(e.target).get(0).clientHeight == 0 || $(e.target).get(0).scrollHeight === $(e.target).get(0).clientHeight) {
+					e.preventDefault();
+					$.fancybox[ delta > 0 ? 'prev' : 'next']();
+				}
+			});
+		}
+
+		if (!$.support.opacity) {
+			wrap.addClass('fancybox-ie');
+		}
+
+		if (isIE6) {
+			loading.addClass('fancybox-ie6');
+			wrap.addClass('fancybox-ie6');
+
+			$('<iframe id="fancybox-hide-sel-frame" src="' + (/^https/i.test(window.location.href || '') ? 'javascript:void(false)' : 'about:blank' ) + '" scrolling="no" border="0" frameborder="0" tabindex="-1"></iframe>').prependTo(outer);
+		}
+	};
+
+	$.fn.fancybox.defaults = {
+		padding : 10,
+		margin : 40,
+		opacity : false,
+		modal : false,
+		cyclic : false,
+		scrolling : 'auto',	// 'auto', 'yes' or 'no'
+
+		width : 560,
+		height : 340,
+
+		autoScale : true,
+		autoDimensions : true,
+		centerOnScroll : false,
+
+		ajax : {},
+		swf : { wmode: 'transparent' },
+
+		hideOnOverlayClick : true,
+		hideOnContentClick : false,
+
+		overlayShow : true,
+		overlayOpacity : 0.7,
+		overlayColor : '#777',
+
+		titleShow : true,
+		titlePosition : 'float', // 'float', 'outside', 'inside' or 'over'
+		titleFormat : null,
+		titleFromAlt : false,
+
+		transitionIn : 'fade', // 'elastic', 'fade' or 'none'
+		transitionOut : 'fade', // 'elastic', 'fade' or 'none'
+
+		speedIn : 300,
+		speedOut : 300,
+
+		changeSpeed : 300,
+		changeFade : 'fast',
+
+		easingIn : 'swing',
+		easingOut : 'swing',
+
+		showCloseButton	 : true,
+		showNavArrows : true,
+		enableEscapeButton : true,
+		enableKeyboardNav : true,
+
+		onStart : function(){},
+		onCancel : function(){},
+		onComplete : function(){},
+		onCleanup : function(){},
+		onClosed : function(){},
+		onError : function(){}
+	};
+
+	$(document).ready(function() {
+		$.fancybox.init();
+	});
+
+})(jQuery);

app/themes/hcf/js/js-dev/jquery.formalize.js

@@ -0,0 +1,171 @@
+/*
+  Formalize - version 1.2
+
+  Note: This file depends on the jQuery library.
+*/
+
+// Module pattern:
+// http://yuiblog.com/blog/2007/06/12/module-pattern
+var FORMALIZE = (function($, window, document, undefined) {
+  // Internet Explorer detection.
+  function IE(version) {
+    var b = document.createElement('b');
+    b.innerHTML = '<!--[if IE ' + version + ']><br><![endif]-->';
+    return !!b.getElementsByTagName('br').length;
+  }
+
+  // Private constants.
+  var PLACEHOLDER_SUPPORTED = 'placeholder' in document.createElement('input');
+  var AUTOFOCUS_SUPPORTED = 'autofocus' in document.createElement('input');
+  var IE6 = IE(6);
+  var IE7 = IE(7);
+
+  // Expose innards of FORMALIZE.
+  return {
+    // FORMALIZE.go
+    go: function() {
+      var i, j = this.init;
+
+      for (i in j) {
+        j.hasOwnProperty(i) && j[i]();
+      }
+    },
+    // FORMALIZE.init
+    init: {
+      // FORMALIZE.init.full_input_size
+      full_input_size: function() {
+        if (!IE7 || !$('textarea, input.input_full').length) {
+          return;
+        }
+
+        // This fixes width: 100% on <textarea> and class="input_full".
+        // It ensures that form elements don't go wider than container.
+        $('textarea, input.input_full').wrap('<span class="input_full_wrap"></span>');
+      },
+      // FORMALIZE.init.ie6_skin_inputs
+      ie6_skin_inputs: function() {
+        // Test for Internet Explorer 6.
+        if (!IE6 || !$('input, select, textarea').length) {
+          // Exit if the browser is not IE6,
+          // or if no form elements exist.
+          return;
+        }
+
+        // For <input type="submit" />, etc.
+        var button_regex = /button|submit|reset/;
+
+        // For <input type="text" />, etc.
+        var type_regex = /date|datetime|datetime-local|email|month|number|password|range|search|tel|text|time|url|week/;
+
+        $('input').each(function() {
+          var el = $(this);
+
+          // Is it a button?
+          if (this.getAttribute('type').match(button_regex)) {
+            el.addClass('ie6_button');
+
+            /* Is it disabled? */
+            if (this.disabled) {
+              el.addClass('ie6_button_disabled');
+            }
+          }
+          // Or is it a textual input?
+          else if (this.getAttribute('type').match(type_regex)) {
+            el.addClass('ie6_input');
+
+            /* Is it disabled? */
+            if (this.disabled) {
+              el.addClass('ie6_input_disabled');
+            }
+          }
+        });
+
+        $('textarea, select').each(function() {
+          /* Is it disabled? */
+          if (this.disabled) {
+            $(this).addClass('ie6_input_disabled');
+          }
+        });
+      },
+      // FORMALIZE.init.autofocus
+      autofocus: function() {
+        if (AUTOFOCUS_SUPPORTED || !$(':input[autofocus]').length) {
+          return;
+        }
+
+        $(':input[autofocus]:visible:first').focus();
+      },
+      // FORMALIZE.init.placeholder
+      placeholder: function() {
+        if (PLACEHOLDER_SUPPORTED || !$(':input[placeholder]').length) {
+          // Exit if placeholder is supported natively,
+          // or if page does not have any placeholder.
+          return;
+        }
+
+        FORMALIZE.misc.add_placeholder();
+
+        $(':input[placeholder]').each(function() {
+          // Placeholder obscured in older browsers,
+          // so there's no point adding to password.
+          if (this.type === 'password') {
+            return;
+          }
+
+          var el = $(this);
+          var text = el.attr('placeholder');
+
+          el.focus(function() {
+            if (el.val() === text) {
+              el.val('').removeClass('placeholder_text');
+            }
+          }).blur(function() {
+            FORMALIZE.misc.add_placeholder();
+          });
+
+          // Prevent <form> from accidentally
+          // submitting the placeholder text.
+          el.closest('form').submit(function() {
+            if (el.val() === text) {
+              el.val('').removeClass('placeholder_text');
+            }
+          }).bind('reset', function() {
+            setTimeout(FORMALIZE.misc.add_placeholder, 50);
+          });
+        });
+      }
+    },
+    // FORMALIZE.misc
+    misc: {
+      // FORMALIZE.misc.add_placeholder
+      add_placeholder: function() {
+        if (PLACEHOLDER_SUPPORTED || !$(':input[placeholder]').length) {
+          // Exit if placeholder is supported natively,
+          // or if page does not have any placeholder.
+          return;
+        }
+
+        $(':input[placeholder]').each(function() {
+          // Placeholder obscured in older browsers,
+          // so there's no point adding to password.
+          if (this.type === 'password') {
+            return;
+          }
+
+          var el = $(this);
+          var text = el.attr('placeholder');
+
+          if (!el.val() || el.val() === text) {
+            el.val(text).addClass('placeholder_text');
+          }
+        });
+      }
+    }
+  };
+// Alias jQuery, window, document.
+})(jQuery, this, this.document);
+
+// Automatically calls all functions in FORMALIZE.init
+jQuery(document).ready(function() {
+  FORMALIZE.go();
+});

app/themes/hcf/js/js-dev/modernizr.js

@@ -0,0 +1,1296 @@
+/*!
+ * Modernizr v2.6pre
+ * www.modernizr.com
+ *
+ * Copyright (c) Faruk Ates, Paul Irish, Alex Sexton
+ * Available under the BSD and MIT licenses: www.modernizr.com/license/
+ */
+
+/*
+ * Modernizr tests which native CSS3 and HTML5 features are available in
+ * the current UA and makes the results available to you in two ways:
+ * as properties on a global Modernizr object, and as classes on the
+ * <html> element. This information allows you to progressively enhance
+ * your pages with a granular level of control over the experience.
+ *
+ * Modernizr has an optional (not included) conditional resource loader
+ * called Modernizr.load(), based on Yepnope.js (yepnopejs.com).
+ * To get a build that includes Modernizr.load(), as well as choosing
+ * which tests to include, go to www.modernizr.com/download/
+ *
+ * Authors        Faruk Ates, Paul Irish, Alex Sexton
+ * Contributors   Ryan Seddon, Ben Alman
+ */
+
+window.Modernizr = (function( window, document, undefined ) {
+
+    var version = '2.5.3',
+
+    Modernizr = {},
+
+    /*>>cssclasses*/
+    // option for enabling the HTML classes to be added
+    enableClasses = true,
+    /*>>cssclasses*/
+
+    docElement = document.documentElement,
+
+    /**
+     * Create our "modernizr" element that we do most feature tests on.
+     */
+    mod = 'modernizr',
+    modElem = document.createElement(mod),
+    mStyle = modElem.style,
+
+    /**
+     * Create the input element for various Web Forms feature tests.
+     */
+    inputElem /*>>inputelem*/ = document.createElement('input') /*>>inputelem*/ ,
+
+    /*>>smile*/
+    smile = ':)',
+    /*>>smile*/
+
+    toString = {}.toString,
+
+    // TODO :: make the prefixes more granular
+    /*>>prefixes*/
+    // List of property values to set for css tests. See ticket #21
+    prefixes = ' -webkit- -moz- -o- -ms- '.split(' '),
+    /*>>prefixes*/
+
+    /*>>domprefixes*/
+    // Following spec is to expose vendor-specific style properties as:
+    //   elem.style.WebkitBorderRadius
+    // and the following would be incorrect:
+    //   elem.style.webkitBorderRadius
+
+    // Webkit ghosts their properties in lowercase but Opera & Moz do not.
+    // Microsoft uses a lowercase `ms` instead of the correct `Ms` in IE8+
+    //   erik.eae.net/archives/2008/03/10/21.48.10/
+
+    // More here: github.com/Modernizr/Modernizr/issues/issue/21
+    omPrefixes = 'Webkit Moz O ms',
+
+    cssomPrefixes = omPrefixes.split(' '),
+
+    domPrefixes = omPrefixes.toLowerCase().split(' '),
+    /*>>domprefixes*/
+
+    /*>>ns*/
+    ns = {'svg': 'http://www.w3.org/2000/svg'},
+    /*>>ns*/
+
+    tests = {},
+    inputs = {},
+    attrs = {},
+
+    classes = [],
+
+    slice = classes.slice,
+
+    featureName, // used in testing loop
+
+
+    /*>>teststyles*/
+    // Inject element with style element and some CSS rules
+    injectElementWithStyles = function( rule, callback, nodes, testnames ) {
+
+      var style, ret, node,
+          div = document.createElement('div'),
+          // After page load injecting a fake body doesn't work so check if body exists
+          body = document.body,
+          // IE6 and 7 won't return offsetWidth or offsetHeight unless it's in the body element, so we fake it.
+          fakeBody = body ? body : document.createElement('body');
+
+      if ( parseInt(nodes, 10) ) {
+          // In order not to give false positives we create a node for each test
+          // This also allows the method to scale for unspecified uses
+          while ( nodes-- ) {
+              node = document.createElement('div');
+              node.id = testnames ? testnames[nodes] : mod + (nodes + 1);
+              div.appendChild(node);
+          }
+      }
+
+      // <style> elements in IE6-9 are considered 'NoScope' elements and therefore will be removed
+      // when injected with innerHTML. To get around this you need to prepend the 'NoScope' element
+      // with a 'scoped' element, in our case the soft-hyphen entity as it won't mess with our measurements.
+      // msdn.microsoft.com/en-us/library/ms533897%28VS.85%29.aspx
+      // Documents served as xml will throw if using &shy; so use xml friendly encoded version. See issue #277
+      style = ['&#173;','<style id="s', mod, '">', rule, '</style>'].join('');
+      div.id = mod;
+      // IE6 will false positive on some tests due to the style element inside the test div somehow interfering offsetHeight, so insert it into body or fakebody.
+      // Opera will act all quirky when injecting elements in documentElement when page is served as xml, needs fakebody too. #270
+      (body ? div : fakeBody).innerHTML += style;
+      fakeBody.appendChild(div);
+      if ( !body ) {
+          //avoid crashing IE8, if background image is used
+          fakeBody.style.background = "";
+          docElement.appendChild(fakeBody);
+      }
+
+      ret = callback(div, rule);
+      // If this is done after page load we don't want to remove the body so check if body exists
+      !body ? fakeBody.parentNode.removeChild(fakeBody) : div.parentNode.removeChild(div);
+
+      return !!ret;
+
+    },
+    /*>>teststyles*/
+
+    /*>>mq*/
+    // adapted from matchMedia polyfill
+    // by Scott Jehl and Paul Irish
+    // gist.github.com/786768
+    testMediaQuery = function( mq ) {
+
+      var matchMedia = window.matchMedia || window.msMatchMedia;
+      if ( matchMedia ) {
+        return matchMedia(mq).matches;
+      }
+
+      var bool;
+
+      injectElementWithStyles('@media ' + mq + ' { #' + mod + ' { position: absolute; } }', function( node ) {
+        bool = (window.getComputedStyle ?
+                  getComputedStyle(node, null) :
+                  node.currentStyle)['position'] == 'absolute';
+      });
+
+      return bool;
+
+     },
+     /*>>mq*/
+
+
+    /*>>hasevent*/
+    //
+    // isEventSupported determines if a given element supports the given event
+    // kangax.github.com/iseventsupported/
+    //
+    // The following results are known incorrects:
+    //   Modernizr.hasEvent("webkitTransitionEnd", elem) // false negative
+    //   Modernizr.hasEvent("textInput") // in Webkit. github.com/Modernizr/Modernizr/issues/333
+    //   ...
+    isEventSupported = (function() {
+
+      var TAGNAMES = {
+        'select': 'input', 'change': 'input',
+        'submit': 'form', 'reset': 'form',
+        'error': 'img', 'load': 'img', 'abort': 'img'
+      };
+
+      function isEventSupported( eventName, element ) {
+
+        element = element || document.createElement(TAGNAMES[eventName] || 'div');
+        eventName = 'on' + eventName;
+
+        // When using `setAttribute`, IE skips "unload", WebKit skips "unload" and "resize", whereas `in` "catches" those
+        var isSupported = eventName in element;
+
+        if ( !isSupported ) {
+          // If it has no `setAttribute` (i.e. doesn't implement Node interface), try generic element
+          if ( !element.setAttribute ) {
+            element = document.createElement('div');
+          }
+          if ( element.setAttribute && element.removeAttribute ) {
+            element.setAttribute(eventName, '');
+            isSupported = is(element[eventName], 'function');
+
+            // If property was created, "remove it" (by setting value to `undefined`)
+            if ( !is(element[eventName], 'undefined') ) {
+              element[eventName] = undefined;
+            }
+            element.removeAttribute(eventName);
+          }
+        }
+
+        element = null;
+        return isSupported;
+      }
+      return isEventSupported;
+    })(),
+    /*>>hasevent*/
+
+    // TODO :: Add flag for hasownprop ? didn't last time
+
+    // hasOwnProperty shim by kangax needed for Safari 2.0 support
+    _hasOwnProperty = ({}).hasOwnProperty, hasOwnProperty;
+
+    if ( !is(_hasOwnProperty, 'undefined') && !is(_hasOwnProperty.call, 'undefined') ) {
+      hasOwnProperty = function (object, property) {
+        return _hasOwnProperty.call(object, property);
+      };
+    }
+    else {
+      hasOwnProperty = function (object, property) { /* yes, this can give false positives/negatives, but most of the time we don't care about those */
+        return ((property in object) && is(object.constructor.prototype[property], 'undefined'));
+      };
+    }
+
+    // Adapted from ES5-shim https://github.com/kriskowal/es5-shim/blob/master/es5-shim.js
+    // es5.github.com/#x15.3.4.5
+
+    if (!Function.prototype.bind) {
+      Function.prototype.bind = function bind(that) {
+
+        var target = this;
+        if (typeof target != "function") throw new TypeError();
+
+        var
+        args = slice.call(arguments, 1),
+        bound = function () {
+
+          if (this instanceof bound) {
+
+            var F = function(){};
+            F.prototype = target.prototype;
+            var self = new F();
+            var result = target.apply(self, args.concat(slice.call(arguments)));
+
+            if (Object(result) === result) return result;
+            return self;
+
+          } else {
+            return target.apply( that, args.concat(slice.call(arguments)));
+          }
+        };
+        return bound;
+      };
+    }
+
+    /**
+     * setCss applies given styles to the Modernizr DOM node.
+     */
+    function setCss( str ) {
+        mStyle.cssText = str;
+    }
+
+    /**
+     * setCssAll extrapolates all vendor-specific css strings.
+     */
+    function setCssAll( str1, str2 ) {
+        return setCss(prefixes.join(str1 + ';') + ( str2 || '' ));
+    }
+
+    /**
+     * is returns a boolean for if typeof obj is exactly type.
+     */
+    function is( obj, type ) {
+        return typeof obj === type;
+    }
+
+    /**
+     * contains returns a boolean for if substr is found within str.
+     */
+    function contains( str, substr ) {
+        return !!~('' + str).indexOf(substr);
+    }
+
+    /*>>testprop*/
+
+    // testProps is a generic CSS / DOM property test.
+
+    // In testing support for a given CSS property, it's legit to test:
+    //    `elem.style[styleName] !== undefined`
+    // If the property is supported it will return an empty string,
+    // if unsupported it will return undefined.
+
+    // We'll take advantage of this quick test and skip setting a style
+    // on our modernizr element, but instead just testing undefined vs
+    // empty string.
+
+    function testProps( props, prefixed ) {
+        for ( var i in props ) {
+            if ( mStyle[ props[i] ] !== undefined ) {
+                return prefixed == 'pfx' ? props[i] : true;
+            }
+        }
+        return false;
+    }
+    /*>>testprop*/
+
+    // TODO :: add testDOMProps
+    /**
+     * testDOMProps is a generic DOM property test; if a browser supports
+     *   a certain property, it won't return undefined for it.
+     */
+    function testDOMProps( props, obj, elem ) {
+        for ( var i in props ) {
+            var item = obj[props[i]];
+            if ( item !== undefined) {
+
+                // return the property name as a string
+                if (elem === false) return props[i];
+
+                // let's bind a function
+                if (is(item, 'function')){
+                  // default to autobind unless override
+                  return item.bind(elem || obj);
+                }
+
+                // return the unbound function or obj or value
+                return item;
+            }
+        }
+        return false;
+    }
+
+    /*>>testallprops*/
+    /**
+     * testPropsAll tests a list of DOM properties we want to check against.
+     *   We specify literally ALL possible (known and/or likely) properties on
+     *   the element including the non-vendor prefixed one, for forward-
+     *   compatibility.
+     */
+    function testPropsAll( prop, prefixed, elem ) {
+
+        var ucProp  = prop.charAt(0).toUpperCase() + prop.substr(1),
+            props   = (prop + ' ' + cssomPrefixes.join(ucProp + ' ') + ucProp).split(' ');
+
+        // did they call .prefixed('boxSizing') or are we just testing a prop?
+        if(is(prefixed, "string") || is(prefixed, "undefined")) {
+          return testProps(props, prefixed);
+
+        // otherwise, they called .prefixed('requestAnimationFrame', window[, elem])
+        } else {
+          props = (prop + ' ' + (domPrefixes).join(ucProp + ' ') + ucProp).split(' ');
+          return testDOMProps(props, prefixed, elem);
+        }
+    }
+    /*>>testallprops*/
+
+
+    /**
+     * Tests
+     * -----
+     */
+
+    // The *new* flexbox
+    // dev.w3.org/csswg/css3-flexbox
+
+    tests['flexbox'] = function() {
+      return testPropsAll('flexWrap');
+    };
+
+    // The *old* flexbox
+    // www.w3.org/TR/2009/WD-css3-flexbox-20090723/
+
+    tests['flexboxlegacy'] = function() {
+        return testPropsAll('boxDirection');
+    };
+
+    // On the S60 and BB Storm, getContext exists, but always returns undefined
+    // so we actually have to call getContext() to verify
+    // github.com/Modernizr/Modernizr/issues/issue/97/
+
+    tests['canvas'] = function() {
+        var elem = document.createElement('canvas');
+        return !!(elem.getContext && elem.getContext('2d'));
+    };
+
+    tests['canvastext'] = function() {
+        return !!(Modernizr['canvas'] && is(document.createElement('canvas').getContext('2d').fillText, 'function'));
+    };
+
+    // webk.it/70117 is tracking a legit WebGL feature detect proposal
+
+    // We do a soft detect which may false positive in order to avoid
+    // an expensive context creation: bugzil.la/732441
+
+    tests['webgl'] = function() {
+        return !!window.WebGLRenderingContext;
+    };
+
+    /*
+     * The Modernizr.touch test only indicates if the browser supports
+     *    touch events, which does not necessarily reflect a touchscreen
+     *    device, as evidenced by tablets running Windows 7 or, alas,
+     *    the Palm Pre / WebOS (touch) phones.
+     *
+     * Additionally, Chrome (desktop) used to lie about its support on this,
+     *    but that has since been rectified: crbug.com/36415
+     *
+     * We also test for Firefox 4 Multitouch Support.
+     *
+     * For more info, see: modernizr.github.com/Modernizr/touch.html
+     */
+
+    tests['touch'] = function() {
+        var bool;
+
+        if(('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch) {
+          bool = true;
+        } else {
+          injectElementWithStyles(['@media (',prefixes.join('touch-enabled),('),mod,')','{#modernizr{top:9px;position:absolute}}'].join(''), function( node ) {
+            bool = node.offsetTop === 9;
+          });
+        }
+
+        return bool;
+    };
+
+
+    // geolocation is often considered a trivial feature detect...
+    // Turns out, it's quite tricky to get right:
+    //
+    // Using !!navigator.geolocation does two things we don't want. It:
+    //   1. Leaks memory in IE9: github.com/Modernizr/Modernizr/issues/513
+    //   2. Disables page caching in WebKit: webk.it/43956
+    //
+    // Meanwhile, in Firefox < 8, an about:config setting could expose
+    // a false positive that would throw an exception: bugzil.la/688158
+
+    tests['geolocation'] = function() {
+        return 'geolocation' in navigator;
+    };
+
+
+    tests['postmessage'] = function() {
+      return !!window.postMessage;
+    };
+
+
+    // Chrome incognito mode used to throw an exception when using openDatabase
+    // It doesn't anymore.
+    tests['websqldatabase'] = function() {
+      return !!window.openDatabase;
+    };
+
+    // Vendors had inconsistent prefixing with the experimental Indexed DB:
+    // - Webkit's implementation is accessible through webkitIndexedDB
+    // - Firefox shipped moz_indexedDB before FF4b9, but since then has been mozIndexedDB
+    // For speed, we don't test the legacy (and beta-only) indexedDB
+    tests['indexedDB'] = function() {
+      return !!testPropsAll("indexedDB", window);
+    };
+
+    // documentMode logic from YUI to filter out IE8 Compat Mode
+    //   which false positives.
+    tests['hashchange'] = function() {
+      return isEventSupported('hashchange', window) && (document.documentMode === undefined || document.documentMode > 7);
+    };
+
+    // Per 1.6:
+    // This used to be Modernizr.historymanagement but the longer
+    // name has been deprecated in favor of a shorter and property-matching one.
+    // The old API is still available in 1.6, but as of 2.0 will throw a warning,
+    // and in the first release thereafter disappear entirely.
+    tests['history'] = function() {
+      return !!(window.history && history.pushState);
+    };
+
+    tests['draganddrop'] = function() {
+        var div = document.createElement('div');
+        return ('draggable' in div) || ('ondragstart' in div && 'ondrop' in div);
+    };
+
+    // FF3.6 was EOL'ed on 4/24/12, but the ESR version of FF10
+    // will be supported until FF19 (2/12/13), at which time, ESR becomes FF17.
+    // FF10 still uses prefixes, so check for it until then.
+    // for more ESR info, see: mozilla.org/en-US/firefox/organizations/faq/
+    tests['websockets'] = function() {
+        return 'WebSocket' in window || 'MozWebSocket' in window;
+    };
+
+
+    // css-tricks.com/rgba-browser-support/
+    tests['rgba'] = function() {
+        // Set an rgba() color and check the returned value
+
+        setCss('background-color:rgba(150,255,150,.5)');
+
+        return contains(mStyle.backgroundColor, 'rgba');
+    };
+
+    tests['hsla'] = function() {
+        // Same as rgba(), in fact, browsers re-map hsla() to rgba() internally,
+        //   except IE9 who retains it as hsla
+
+        setCss('background-color:hsla(120,40%,100%,.5)');
+
+        return contains(mStyle.backgroundColor, 'rgba') || contains(mStyle.backgroundColor, 'hsla');
+    };
+
+    tests['multiplebgs'] = function() {
+        // Setting multiple images AND a color on the background shorthand property
+        //  and then querying the style.background property value for the number of
+        //  occurrences of "url(" is a reliable method for detecting ACTUAL support for this!
+
+        setCss('background:url(https://),url(https://),red url(https://)');
+
+        // If the UA supports multiple backgrounds, there should be three occurrences
+        //   of the string "url(" in the return value for elemStyle.background
+
+        return /(url\s*\(.*?){3}/.test(mStyle.background);
+    };
+
+
+
+    // this will false positive in Opera Mini
+    //   github.com/Modernizr/Modernizr/issues/396
+
+    tests['backgroundsize'] = function() {
+        return testPropsAll('backgroundSize');
+    };
+
+    tests['borderimage'] = function() {
+        return testPropsAll('borderImage');
+    };
+
+
+    // Super comprehensive table about all the unique implementations of
+    // border-radius: muddledramblings.com/table-of-css3-border-radius-compliance
+
+    tests['borderradius'] = function() {
+        return testPropsAll('borderRadius');
+    };
+
+    // WebOS unfortunately false positives on this test.
+    tests['boxshadow'] = function() {
+        return testPropsAll('boxShadow');
+    };
+
+    // FF3.0 will false positive on this test
+    tests['textshadow'] = function() {
+        return document.createElement('div').style.textShadow === '';
+    };
+
+
+    tests['opacity'] = function() {
+        // Browsers that actually have CSS Opacity implemented have done so
+        //  according to spec, which means their return values are within the
+        //  range of [0.0,1.0] - including the leading zero.
+
+        setCssAll('opacity:.55');
+
+        // The non-literal . in this regex is intentional:
+        //   German Chrome returns this value as 0,55
+        // github.com/Modernizr/Modernizr/issues/#issue/59/comment/516632
+        return /^0.55$/.test(mStyle.opacity);
+    };
+
+
+    // Note, Android < 4 will pass this test, but can only animate
+    //   a single property at a time
+    //   daneden.me/2011/12/putting-up-with-androids-bullshit/
+    tests['cssanimations'] = function() {
+        return testPropsAll('animationName');
+    };
+
+
+    tests['csscolumns'] = function() {
+        return testPropsAll('columnCount');
+    };
+
+
+    tests['cssgradients'] = function() {
+        /**
+         * For CSS Gradients syntax, please see:
+         * webkit.org/blog/175/introducing-css-gradients/
+         * developer.mozilla.org/en/CSS/-moz-linear-gradient
+         * developer.mozilla.org/en/CSS/-moz-radial-gradient
+         * dev.w3.org/csswg/css3-images/#gradients-
+         */
+
+        var str1 = 'background-image:',
+            str2 = 'gradient(linear,left top,right bottom,from(#9f9),to(white));',
+            str3 = 'linear-gradient(left top,#9f9, white);';
+
+        setCss(
+             // legacy webkit syntax (FIXME: remove when syntax not in use anymore)
+              (str1 + '-webkit- '.split(' ').join(str2 + str1)
+             // standard syntax             // trailing 'background-image:'
+              + prefixes.join(str3 + str1)).slice(0, -str1.length)
+        );
+
+        return contains(mStyle.backgroundImage, 'gradient');
+    };
+
+
+    tests['cssreflections'] = function() {
+        return testPropsAll('boxReflect');
+    };
+
+
+    tests['csstransforms'] = function() {
+        return !!testPropsAll('transform');
+    };
+
+
+    tests['csstransforms3d'] = function() {
+
+        var ret = !!testPropsAll('perspective');
+
+        // Webkit's 3D transforms are passed off to the browser's own graphics renderer.
+        //   It works fine in Safari on Leopard and Snow Leopard, but not in Chrome in
+        //   some conditions. As a result, Webkit typically recognizes the syntax but
+        //   will sometimes throw a false positive, thus we must do a more thorough check:
+        if ( ret && 'webkitPerspective' in docElement.style ) {
+
+          // Webkit allows this media query to succeed only if the feature is enabled.
+          // `@media (transform-3d),(-webkit-transform-3d){ ... }`
+          injectElementWithStyles('@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}', function( node, rule ) {
+            ret = node.offsetLeft === 9 && node.offsetHeight === 3;
+          });
+        }
+        return ret;
+    };
+
+
+    tests['csstransitions'] = function() {
+        return testPropsAll('transition');
+    };
+
+
+    /*>>fontface*/
+    // @font-face detection routine by Diego Perini
+    // javascript.nwbox.com/CSSSupport/
+
+    // false positives:
+    //   WebOS github.com/Modernizr/Modernizr/issues/342
+    //   WP7   github.com/Modernizr/Modernizr/issues/538
+    tests['fontface'] = function() {
+        var bool;
+
+        injectElementWithStyles('@font-face {font-family:"font";src:url("https://")}', function( node, rule ) {
+          var style = document.getElementById('smodernizr'),
+              sheet = style.sheet || style.styleSheet,
+              cssText = sheet ? (sheet.cssRules && sheet.cssRules[0] ? sheet.cssRules[0].cssText : sheet.cssText || '') : '';
+
+          bool = /src/i.test(cssText) && cssText.indexOf(rule.split(' ')[0]) === 0;
+        });
+
+        return bool;
+    };
+    /*>>fontface*/
+
+    // CSS generated content detection
+    tests['generatedcontent'] = function() {
+        var bool;
+
+        injectElementWithStyles(['#modernizr:after{content:"',smile,'";visibility:hidden}'].join(''), function( node ) {
+          bool = node.offsetHeight >= 1;
+        });
+
+        return bool;
+    };
+
+
+
+    // These tests evaluate support of the video/audio elements, as well as
+    // testing what types of content they support.
+    //
+    // We're using the Boolean constructor here, so that we can extend the value
+    // e.g.  Modernizr.video     // true
+    //       Modernizr.video.ogg // 'probably'
+    //
+    // Codec values from : github.com/NielsLeenheer/html5test/blob/9106a8/index.html#L845
+    //                     thx to NielsLeenheer and zcorpan
+
+    // Note: in some older browsers, "no" was a return value instead of empty string.
+    //   It was live in FF3.5.0 and 3.5.1, but fixed in 3.5.2
+    //   It was also live in Safari 4.0.0 - 4.0.4, but fixed in 4.0.5
+
+    tests['video'] = function() {
+        var elem = document.createElement('video'),
+            bool = false;
+
+        // IE9 Running on Windows Server SKU can cause an exception to be thrown, bug #224
+        try {
+            if ( bool = !!elem.canPlayType ) {
+                bool      = new Boolean(bool);
+                bool.ogg  = elem.canPlayType('video/ogg; codecs="theora"')      .replace(/^no$/,'');
+
+                // Without QuickTime, this value will be `undefined`. github.com/Modernizr/Modernizr/issues/546
+                bool.h264 = elem.canPlayType('video/mp4; codecs="avc1.42E01E"') .replace(/^no$/,'');
+
+                bool.webm = elem.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/^no$/,'');
+            }
+
+        } catch(e) { }
+
+        return bool;
+    };
+
+    tests['audio'] = function() {
+        var elem = document.createElement('audio'),
+            bool = false;
+
+        try {
+            if ( bool = !!elem.canPlayType ) {
+                bool      = new Boolean(bool);
+                bool.ogg  = elem.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/,'');
+                bool.mp3  = elem.canPlayType('audio/mpeg;')               .replace(/^no$/,'');
+
+                // Mimetypes accepted:
+                //   developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements
+                //   bit.ly/iphoneoscodecs
+                bool.wav  = elem.canPlayType('audio/wav; codecs="1"')     .replace(/^no$/,'');
+                bool.m4a  = ( elem.canPlayType('audio/x-m4a;')            ||
+                              elem.canPlayType('audio/aac;'))             .replace(/^no$/,'');
+            }
+        } catch(e) { }
+
+        return bool;
+    };
+
+
+    // In FF4, if disabled, window.localStorage should === null.
+
+    // Normally, we could not test that directly and need to do a
+    //   `('localStorage' in window) && ` test first because otherwise Firefox will
+    //   throw bugzil.la/365772 if cookies are disabled
+
+    // Also in iOS5 Private Browsing mode, attempting to use localStorage.setItem
+    // will throw the exception:
+    //   QUOTA_EXCEEDED_ERRROR DOM Exception 22.
+    // Peculiarly, getItem and removeItem calls do not throw.
+
+    // Because we are forced to try/catch this, we'll go aggressive.
+
+    // Just FWIW: IE8 Compat mode supports these features completely:
+    //   www.quirksmode.org/dom/html5.html
+    // But IE8 doesn't support either with local files
+
+    tests['localstorage'] = function() {
+        try {
+            localStorage.setItem(mod, mod);
+            localStorage.removeItem(mod);
+            return true;
+        } catch(e) {
+            return false;
+        }
+    };
+
+    tests['sessionstorage'] = function() {
+        try {
+            sessionStorage.setItem(mod, mod);
+            sessionStorage.removeItem(mod);
+            return true;
+        } catch(e) {
+            return false;
+        }
+    };
+
+
+    tests['webworkers'] = function() {
+        return !!window.Worker;
+    };
+
+
+    tests['applicationcache'] = function() {
+        return !!window.applicationCache;
+    };
+
+
+    // Thanks to Erik Dahlstrom
+    tests['svg'] = function() {
+        return !!document.createElementNS && !!document.createElementNS(ns.svg, 'svg').createSVGRect;
+    };
+
+    // specifically for SVG inline in HTML, not within XHTML
+    // test page: paulirish.com/demo/inline-svg
+    tests['inlinesvg'] = function() {
+      var div = document.createElement('div');
+      div.innerHTML = '<svg/>';
+      return (div.firstChild && div.firstChild.namespaceURI) == ns.svg;
+    };
+
+    // SVG SMIL animation
+    tests['smil'] = function() {
+        return !!document.createElementNS && /SVGAnimate/.test(toString.call(document.createElementNS(ns.svg, 'animate')));
+    };
+
+    // This test is only for clip paths in SVG proper, not clip paths on HTML content
+    // demo: srufaculty.sru.edu/david.dailey/svg/newstuff/clipPath4.svg
+
+    // However read the comments to dig into applying SVG clippaths to HTML content here:
+    //   github.com/Modernizr/Modernizr/issues/213#issuecomment-1149491
+    tests['svgclippaths'] = function() {
+        return !!document.createElementNS && /SVGClipPath/.test(toString.call(document.createElementNS(ns.svg, 'clipPath')));
+    };
+
+    /*>>webforms*/
+    // input features and input types go directly onto the ret object, bypassing the tests loop.
+    // Hold this guy to execute in a moment.
+    function webforms() {
+        /*>>input*/
+        // Run through HTML5's new input attributes to see if the UA understands any.
+        // We're using f which is the <input> element created early on
+        // Mike Taylr has created a comprehensive resource for testing these attributes
+        //   when applied to all input types:
+        //   miketaylr.com/code/input-type-attr.html
+        // spec: www.whatwg.org/specs/web-apps/current-work/multipage/the-input-element.html#input-type-attr-summary
+
+        // Only input placeholder is tested while textarea's placeholder is not.
+        // Currently Safari 4 and Opera 11 have support only for the input placeholder
+        // Both tests are available in feature-detects/forms-placeholder.js
+        Modernizr['input'] = (function( props ) {
+            for ( var i = 0, len = props.length; i < len; i++ ) {
+                attrs[ props[i] ] = !!(props[i] in inputElem);
+            }
+            if (attrs.list){
+              // safari false positive's on datalist: webk.it/74252
+              // see also github.com/Modernizr/Modernizr/issues/146
+              attrs.list = !!(document.createElement('datalist') && window.HTMLDataListElement);
+            }
+            return attrs;
+        })('autocomplete autofocus list placeholder max min multiple pattern required step'.split(' '));
+        /*>>input*/
+
+        /*>>inputtypes*/
+        // Run through HTML5's new input types to see if the UA understands any.
+        //   This is put behind the tests runloop because it doesn't return a
+        //   true/false like all the other tests; instead, it returns an object
+        //   containing each input type with its corresponding true/false value
+
+        // Big thanks to @miketaylr for the html5 forms expertise. miketaylr.com/
+        Modernizr['inputtypes'] = (function(props) {
+
+            for ( var i = 0, bool, inputElemType, defaultView, len = props.length; i < len; i++ ) {
+
+                inputElem.setAttribute('type', inputElemType = props[i]);
+                bool = inputElem.type !== 'text';
+
+                // We first check to see if the type we give it sticks..
+                // If the type does, we feed it a textual value, which shouldn't be valid.
+                // If the value doesn't stick, we know there's input sanitization which infers a custom UI
+                if ( bool ) {
+
+                    inputElem.value         = smile;
+                    inputElem.style.cssText = 'position:absolute;visibility:hidden;';
+
+                    if ( /^range$/.test(inputElemType) && inputElem.style.WebkitAppearance !== undefined ) {
+
+                      docElement.appendChild(inputElem);
+                      defaultView = document.defaultView;
+
+                      // Safari 2-4 allows the smiley as a value, despite making a slider
+                      bool =  defaultView.getComputedStyle &&
+                              defaultView.getComputedStyle(inputElem, null).WebkitAppearance !== 'textfield' &&
+                              // Mobile android web browser has false positive, so must
+                              // check the height to see if the widget is actually there.
+                              (inputElem.offsetHeight !== 0);
+
+                      docElement.removeChild(inputElem);
+
+                    } else if ( /^(search|tel)$/.test(inputElemType) ){
+                      // Spec doesn't define any special parsing or detectable UI
+                      //   behaviors so we pass these through as true
+
+                      // Interestingly, opera fails the earlier test, so it doesn't
+                      //  even make it here.
+
+                    } else if ( /^(url|email)$/.test(inputElemType) ) {
+                      // Real url and email support comes with prebaked validation.
+                      bool = inputElem.checkValidity && inputElem.checkValidity() === false;
+
+                    } else {
+                      // If the upgraded input compontent rejects the :) text, we got a winner
+                      bool = inputElem.value != smile;
+                    }
+                }
+
+                inputs[ props[i] ] = !!bool;
+            }
+            return inputs;
+        })('search tel url email datetime date month week time datetime-local number range color'.split(' '));
+        /*>>inputtypes*/
+    }
+    /*>>webforms*/
+
+
+    // End of test definitions
+    // -----------------------
+
+
+
+    // Run through all tests and detect their support in the current UA.
+    // todo: hypothetically we could be doing an array of tests and use a basic loop here.
+    for ( var feature in tests ) {
+        if ( hasOwnProperty(tests, feature) ) {
+            // run the test, throw the return value into the Modernizr,
+            //   then based on that boolean, define an appropriate className
+            //   and push it into an array of classes we'll join later.
+            featureName  = feature.toLowerCase();
+            Modernizr[featureName] = tests[feature]();
+
+            classes.push((Modernizr[featureName] ? '' : 'no-') + featureName);
+        }
+    }
+
+    /*>>webforms*/
+    // input tests need to run.
+    Modernizr.input || webforms();
+    /*>>webforms*/
+
+
+    /*>>addtest*/
+    /**
+     * addTest allows the user to define their own feature tests
+     * the result will be added onto the Modernizr object,
+     * as well as an appropriate className set on the html element
+     *
+     * @param feature - String naming the feature
+     * @param test - Function returning true if feature is supported, false if not
+     */
+     Modernizr.addTest = function ( feature, test ) {
+       if ( typeof feature == 'object' ) {
+         for ( var key in feature ) {
+           if ( hasOwnProperty( feature, key ) ) {
+             Modernizr.addTest( key, feature[ key ] );
+           }
+         }
+       } else {
+
+         feature = feature.toLowerCase();
+
+         if ( Modernizr[feature] !== undefined ) {
+           // we're going to quit if you're trying to overwrite an existing test
+           // if we were to allow it, we'd do this:
+           //   var re = new RegExp("\\b(no-)?" + feature + "\\b");
+           //   docElement.className = docElement.className.replace( re, '' );
+           // but, no rly, stuff 'em.
+           return Modernizr;
+         }
+
+         test = typeof test == 'function' ? test() : test;
+
+         if (enableClasses) {
+           docElement.className += ' ' + (test ? '' : 'no-') + feature;
+         }
+         Modernizr[feature] = test;
+
+       }
+
+       return Modernizr; // allow chaining.
+     };
+     /*>>addtest*/
+
+
+    // Reset modElem.cssText to nothing to reduce memory footprint.
+    setCss('');
+    modElem = inputElem = null;
+
+    /*>>shiv*/
+    /*! HTML5 Shiv v3.5 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed */
+    ;(function(window, document) {
+
+      /** Preset options */
+      var options = window.html5 || {};
+
+      /** Used to skip problem elements */
+      var reSkip = /^<|^(?:button|form|map|select|textarea|object|iframe|option|optgroup)$/i;
+
+      /** Not all elements can be cloned in IE (this list can be shortend) **/
+      var saveClones = /^<|^(?:a|b|button|code|div|fieldset|form|h1|h2|h3|h4|h5|h6|i|iframe|img|input|label|li|link|ol|option|p|param|q|script|select|span|strong|style|table|tbody|td|textarea|tfoot|th|thead|tr|ul)$/i;
+
+      /** Detect whether the browser supports default html5 styles */
+      var supportsHtml5Styles;
+
+      /** Detect whether the browser supports unknown elements */
+      var supportsUnknownElements;
+
+      (function() {
+        var a = document.createElement('a');
+
+        a.innerHTML = '<xyz></xyz>';
+
+        //if the hidden property is implemented we can assume, that the browser supports HTML5 Styles | this fails in Chrome 8
+        supportsHtml5Styles = ('hidden' in a);
+        //if we are part of Modernizr, we do an additional test to solve the Chrome 8 fail
+        if(supportsHtml5Styles && typeof injectElementWithStyles == 'function'){
+            injectElementWithStyles('#modernizr{}', function(node){
+                node.hidden = true;
+                supportsHtml5Styles = (window.getComputedStyle ?
+                      getComputedStyle(node, null) :
+                      node.currentStyle).display == 'none';
+            });
+        }
+
+        supportsUnknownElements = a.childNodes.length == 1 || (function() {
+          // assign a false positive if unable to shiv
+          try {
+            (document.createElement)('a');
+          } catch(e) {
+            return true;
+          }
+          var frag = document.createDocumentFragment();
+          return (
+            typeof frag.cloneNode == 'undefined' ||
+            typeof frag.createDocumentFragment == 'undefined' ||
+            typeof frag.createElement == 'undefined'
+          );
+        }());
+
+      }());
+
+      /*--------------------------------------------------------------------------*/
+
+      /**
+       * Creates a style sheet with the given CSS text and adds it to the document.
+       * @private
+       * @param {Document} ownerDocument The document.
+       * @param {String} cssText The CSS text.
+       * @returns {StyleSheet} The style element.
+       */
+      function addStyleSheet(ownerDocument, cssText) {
+        var p = ownerDocument.createElement('p'),
+            parent = ownerDocument.getElementsByTagName('head')[0] || ownerDocument.documentElement;
+
+        p.innerHTML = 'x<style>' + cssText + '</style>';
+        return parent.insertBefore(p.lastChild, parent.firstChild);
+      }
+
+      /**
+       * Returns the value of `html5.elements` as an array.
+       * @private
+       * @returns {Array} An array of shived element node names.
+       */
+      function getElements() {
+        var elements = html5.elements;
+        return typeof elements == 'string' ? elements.split(' ') : elements;
+      }
+
+      /**
+       * Shivs the `createElement` and `createDocumentFragment` methods of the document.
+       * @private
+       * @param {Document|DocumentFragment} ownerDocument The document.
+       */
+      function shivMethods(ownerDocument) {
+        var cache = {},
+            docCreateElement = ownerDocument.createElement,
+            docCreateFragment = ownerDocument.createDocumentFragment,
+            frag = docCreateFragment();
+
+        ownerDocument.createElement = function(nodeName) {
+          //abort shiv
+          if(!html5.shivMethods){
+              return docCreateElement(nodeName);
+          }
+
+          var node;
+
+          if(cache[nodeName]){
+              node = cache[nodeName].cloneNode();
+          } else if(saveClones.test(nodeName)){
+               node = (cache[nodeName] = docCreateElement(nodeName)).cloneNode();
+          } else {
+              node = docCreateElement(nodeName);
+          }
+
+          // Avoid adding some elements to fragments in IE < 9 because
+          // * Attributes like `name` or `type` cannot be set/changed once an element
+          //   is inserted into a document/fragment
+          // * Link elements with `src` attributes that are inaccessible, as with
+          //   a 403 response, will cause the tab/window to crash
+          // * Script elements appended to fragments will execute when their `src`
+          //   or `text` property is set
+          return node.canHaveChildren && !reSkip.test(nodeName) ? frag.appendChild(node) : node;
+        };
+
+        ownerDocument.createDocumentFragment = Function('h,f', 'return function(){' +
+          'var n=f.cloneNode(),c=n.createElement;' +
+          'h.shivMethods&&(' +
+            // unroll the `createElement` calls
+            getElements().join().replace(/\w+/g, function(nodeName) {
+              docCreateElement(nodeName);
+              frag.createElement(nodeName);
+              return 'c("' + nodeName + '")';
+            }) +
+          ');return n}'
+        )(html5, frag);
+      }
+
+      /*--------------------------------------------------------------------------*/
+
+      /**
+       * Shivs the given document.
+       * @memberOf html5
+       * @param {Document} ownerDocument The document to shiv.
+       * @returns {Document} The shived document.
+       */
+      function shivDocument(ownerDocument) {
+        var shived;
+        if (ownerDocument.documentShived) {
+          return ownerDocument;
+        }
+        if (html5.shivCSS && !supportsHtml5Styles) {
+          shived = !!addStyleSheet(ownerDocument,
+            // corrects block display not defined in IE6/7/8/9
+            'article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}' +
+            // corrects audio display not defined in IE6/7/8/9
+            'audio{display:none}' +
+            // corrects canvas and video display not defined in IE6/7/8/9
+            'canvas,video{display:inline-block;*display:inline;*zoom:1}' +
+            // corrects 'hidden' attribute and audio[controls] display not present in IE7/8/9
+            '[hidden]{display:none}audio[controls]{display:inline-block;*display:inline;*zoom:1}' +
+            // adds styling not present in IE6/7/8/9
+            'mark{background:#FF0;color:#000}'
+          );
+        }
+        if (!supportsUnknownElements) {
+          shived = !shivMethods(ownerDocument);
+        }
+        if (shived) {
+          ownerDocument.documentShived = shived;
+        }
+        return ownerDocument;
+      }
+
+      /*--------------------------------------------------------------------------*/
+
+      /**
+       * The `html5` object is exposed so that more elements can be shived and
+       * existing shiving can be detected on iframes.
+       * @type Object
+       * @example
+       *
+       * // options can be changed before the script is included
+       * html5 = { 'elements': 'mark section', 'shivCSS': false, 'shivMethods': false };
+       */
+      var html5 = {
+
+        /**
+         * An array or space separated string of node names of the elements to shiv.
+         * @memberOf html5
+         * @type Array|String
+         */
+        'elements': options.elements || 'abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video',
+
+        /**
+         * A flag to indicate that the HTML5 style sheet should be inserted.
+         * @memberOf html5
+         * @type Boolean
+         */
+        'shivCSS': !(options.shivCSS === false),
+
+        /**
+         * A flag to indicate that the document's `createElement` and `createDocumentFragment`
+         * methods should be overwritten.
+         * @memberOf html5
+         * @type Boolean
+         */
+        'shivMethods': !(options.shivMethods === false),
+
+        /**
+         * A string to describe the type of `html5` object ("default" or "default print").
+         * @memberOf html5
+         * @type String
+         */
+        'type': 'default',
+
+        // shivs the document according to the specified `html5` object options
+        'shivDocument': shivDocument
+      };
+
+      /*--------------------------------------------------------------------------*/
+
+      // expose html5
+      window.html5 = html5;
+
+      // shiv the document
+      shivDocument(document);
+
+    }(this, document));
+    /*>>shiv*/
+
+    // Assign private properties to the return object with prefix
+    Modernizr._version      = version;
+
+    // expose these for the plugin API. Look in the source for how to join() them against your input
+    /*>>prefixes*/
+    Modernizr._prefixes     = prefixes;
+    /*>>prefixes*/
+    /*>>domprefixes*/
+    Modernizr._domPrefixes  = domPrefixes;
+    Modernizr._cssomPrefixes  = cssomPrefixes;
+    /*>>domprefixes*/
+
+    /*>>mq*/
+    // Modernizr.mq tests a given media query, live against the current state of the window
+    // A few important notes:
+    //   * If a browser does not support media queries at all (eg. oldIE) the mq() will always return false
+    //   * A max-width or orientation query will be evaluated against the current state, which may change later.
+    //   * You must specify values. Eg. If you are testing support for the min-width media query use:
+    //       Modernizr.mq('(min-width:0)')
+    // usage:
+    // Modernizr.mq('only screen and (max-width:768)')
+    Modernizr.mq            = testMediaQuery;
+    /*>>mq*/
+
+    /*>>hasevent*/
+    // Modernizr.hasEvent() detects support for a given event, with an optional element to test on
+    // Modernizr.hasEvent('gesturestart', elem)
+    Modernizr.hasEvent      = isEventSupported;
+    /*>>hasevent*/
+
+    /*>>testprop*/
+    // Modernizr.testProp() investigates whether a given style property is recognized
+    // Note that the property names must be provided in the camelCase variant.
+    // Modernizr.testProp('pointerEvents')
+    Modernizr.testProp      = function(prop){
+        return testProps([prop]);
+    };
+    /*>>testprop*/
+
+    /*>>testallprops*/
+    // Modernizr.testAllProps() investigates whether a given style property,
+    //   or any of its vendor-prefixed variants, is recognized
+    // Note that the property names must be provided in the camelCase variant.
+    // Modernizr.testAllProps('boxSizing')
+    Modernizr.testAllProps  = testPropsAll;
+    /*>>testallprops*/
+
+
+    /*>>teststyles*/
+    // Modernizr.testStyles() allows you to add custom styles to the document and test an element afterwards
+    // Modernizr.testStyles('#modernizr { position:absolute }', function(elem, rule){ ... })
+    Modernizr.testStyles    = injectElementWithStyles;
+    /*>>teststyles*/
+
+
+    /*>>prefixed*/
+    // Modernizr.prefixed() returns the prefixed or nonprefixed property name variant of your input
+    // Modernizr.prefixed('boxSizing') // 'MozBoxSizing'
+
+    // Properties must be passed as dom-style camelcase, rather than `box-sizing` hypentated style.
+    // Return values will also be the camelCase variant, if you need to translate that to hypenated style use:
+    //
+    //     str.replace(/([A-Z])/g, function(str,m1){ return '-' + m1.toLowerCase(); }).replace(/^ms-/,'-ms-');
+
+    // If you're trying to ascertain which transition end event to bind to, you might do something like...
+    //
+    //     var transEndEventNames = {
+    //       'WebkitTransition' : 'webkitTransitionEnd',
+    //       'MozTransition'    : 'transitionend',
+    //       'OTransition'      : 'oTransitionEnd',
+    //       'msTransition'     : 'MSTransitionEnd',
+    //       'transition'       : 'transitionend'
+    //     },
+    //     transEndEventName = transEndEventNames[ Modernizr.prefixed('transition') ];
+
+    Modernizr.prefixed      = function(prop, obj, elem){
+      if(!obj) {
+        return testPropsAll(prop, 'pfx');
+      } else {
+        // Testing DOM property e.g. Modernizr.prefixed('requestAnimationFrame', window) // 'mozRequestAnimationFrame'
+        return testPropsAll(prop, obj, elem);
+      }
+    };
+    /*>>prefixed*/
+
+
+    /*>>cssclasses*/
+    // Remove "no-js" class from <html> element, if it exists:
+    docElement.className = docElement.className.replace(/(^|\s)no-js(\s|$)/, '$1$2') +
+
+                            // Add the new classes to the <html> element.
+                            (enableClasses ? ' js ' + classes.join(' ') : '');
+    /*>>cssclasses*/
+
+    return Modernizr;
+
+})(this, this.document);

app/themes/hcf/js/js-dev/responsiveslides.js

@@ -0,0 +1,321 @@
+/*! ResponsiveSlides.js v1.32
+ * http://responsiveslides.com
+ * http://viljamis.com
+ *
+ * Copyright (c) 2011-2012 @viljamis
+ * Available under the MIT license
+ */
+
+/*jslint browser: true, sloppy: true, vars: true, plusplus: true, indent: 2 */
+
+(function ($, window, i) {
+  $.fn.responsiveSlides = function (options) {
+
+    // Default settings
+    var settings = $.extend({
+      "auto": true,             // Boolean: Animate automatically, true or false
+      "speed": 1000,            // Integer: Speed of the transition, in milliseconds
+      "timeout": 4000,          // Integer: Time between slide transitions, in milliseconds
+      "pager": false,           // Boolean: Show pager, true or false
+      "nav": false,             // Boolean: Show navigation, true or false
+      "random": false,          // Boolean: Randomize the order of the slides, true or false
+      "pause": false,           // Boolean: Pause on hover, true or false
+      "pauseControls": false,   // Boolean: Pause when hovering controls, true or false
+      "prevText": "Previous",   // String: Text for the "previous" button
+      "nextText": "Next",       // String: Text for the "next" button
+      "maxwidth": "",           // Integer: Max-width of the slideshow, in pixels
+      "controls": "",           // Selector: Where controls should be appended to, default is after the <ul>
+      "namespace": "rslides",   // String: change the default namespace used
+      before: function () {},   // Function: Before callback
+      after: function () {}     // Function: After callback
+    }, options);
+
+    return this.each(function () {
+
+      // Index for namespacing
+      i++;
+
+      var $this = $(this),
+
+        // Local variables
+        selectTab,
+        startCycle,
+        restartCycle,
+        rotate,
+        $tabs,
+
+        // Helpers
+        index = 0,
+        $slide = $this.children(),
+        length = $slide.size(),
+        fadeTime = parseFloat(settings.speed),
+        waitTime = parseFloat(settings.timeout),
+        maxw = parseFloat(settings.maxwidth),
+
+        // Namespacing
+        namespace = settings.namespace,
+        namespaceIdx = namespace + i,
+
+        // Classes
+        navClass = namespace + "_nav " + namespaceIdx + "_nav",
+        activeClass = namespace + "_here",
+        visibleClass = namespaceIdx + "_on",
+        slideClassPrefix = namespaceIdx + "_s",
+
+        // Pager
+        $pager = $("<ul class='" + namespace + "_tabs " + namespaceIdx + "_tabs' />"),
+
+        // Styles for visible and hidden slides
+        visible = {"float": "left", "position": "relative"},
+        hidden = {"float": "none", "position": "absolute"},
+
+        // Fading animation
+        slideTo = function (idx) {
+          settings.before();
+          $slide
+            .stop()
+            .fadeOut(fadeTime, function () {
+              $(this)
+                .removeClass(visibleClass)
+                .css(hidden);
+            })
+            .eq(idx)
+            .fadeIn(fadeTime, function () {
+              $(this)
+                .addClass(visibleClass)
+                .css(visible);
+              settings.after();
+              index = idx;
+            });
+        };
+
+      // Random order
+      if (settings.random) {
+        $slide.sort(function () {
+          return (Math.round(Math.random()) - 0.5);
+        });
+        $this
+          .empty()
+          .append($slide);
+      }
+
+      // Add ID's to each slide
+      $slide.each(function (i) {
+        this.id = slideClassPrefix + i;
+      });
+
+      // Add max-width and classes
+      $this.addClass(namespace + " " + namespaceIdx);
+      if (options && options.maxwidth) {
+        $this.css("max-width", maxw);
+      }
+
+      // Hide all slides, then show first one
+      $slide
+        .hide()
+        .eq(0)
+        .addClass(visibleClass)
+        .css(visible)
+        .show();
+
+      // Only run if there's more than one slide
+      if ($slide.size() > 1) {
+
+        // Make sure the timeout is at least 100ms longer than the fade
+        if (waitTime < fadeTime + 100) {
+          return;
+        }
+
+        // Pager
+        if (settings.pager) {
+          var tabMarkup = [];
+          $slide.each(function (i) {
+            var n = i + 1;
+            tabMarkup +=
+              "<li>" +
+              "<a href='#' class='" + slideClassPrefix + n + "'>" + n + "</a>" +
+              "</li>";
+          });
+          $pager.append(tabMarkup);
+
+          $tabs = $pager.find("a");
+
+          // Inject pager
+          if (options.controls) {
+            $(settings.controls).append($pager);
+          } else {
+            $this.after($pager);
+          }
+
+          // Select pager item
+          selectTab = function (idx) {
+            $tabs
+              .closest("li")
+              .removeClass(activeClass)
+              .eq(idx)
+              .addClass(activeClass);
+          };
+        }
+
+        // Auto cycle
+        if (settings.auto) {
+
+          startCycle = function () {
+            rotate = setInterval(function () {
+
+              // Clear the event queue
+              $slide.stop(true, true);
+
+              var idx = index + 1 < length ? index + 1 : 0;
+
+              // Remove active state and set new if pager is set
+              if (settings.pager) {
+                selectTab(idx);
+              }
+
+              slideTo(idx);
+            }, waitTime);
+          };
+
+          // Init cycle
+          startCycle();
+        }
+
+        // Restarting cycle
+        restartCycle = function () {
+          if (settings.auto) {
+            // Stop
+            clearInterval(rotate);
+            // Restart
+            startCycle();
+          }
+        };
+
+        // Pause on hover
+        if (settings.pause) {
+          $this.hover(function () {
+            clearInterval(rotate);
+          }, function () {
+            restartCycle();
+          });
+        }
+
+        // Pager click event handler
+        if (settings.pager) {
+          $tabs.bind("click", function (e) {
+            e.preventDefault();
+
+            if (!settings.pauseControls) {
+              restartCycle();
+            }
+
+            // Get index of clicked tab
+            var idx = $tabs.index(this);
+
+            // Break if element is already active or currently animated
+            if (index === idx || $("." + visibleClass + ":animated").length) {
+              return;
+            }
+
+            // Remove active state from old tab and set new one
+            selectTab(idx);
+
+            // Do the animation
+            slideTo(idx);
+          })
+            .eq(0)
+            .closest("li")
+            .addClass(activeClass);
+
+          // Pause when hovering pager
+          if (settings.pauseControls) {
+            $tabs.hover(function () {
+              clearInterval(rotate);
+            }, function () {
+              restartCycle();
+            });
+          }
+        }
+
+        // Navigation
+        if (settings.nav) {
+          var navMarkup =
+            "<a href='#' class='" + navClass + " prev'>" + settings.prevText + "</a>" +
+            "<a href='#' class='" + navClass + " next'>" + settings.nextText + "</a>";
+
+          // Inject navigation
+          if (options.controls) {
+            $(settings.controls).append(navMarkup);
+          } else {
+            $this.after(navMarkup);
+          }
+
+          var $trigger = $("." + namespaceIdx + "_nav"),
+            $prev = $("." + namespaceIdx + "_nav.prev");
+
+          // Click event handler
+          $trigger.bind("click", function (e) {
+            e.preventDefault();
+
+            // Prevent clicking if currently animated
+            if ($("." + visibleClass + ":animated").length) {
+              return;
+            }
+
+            //  Adds active class during slide animation
+            //  $(this)
+            //    .addClass(namespace + "_active")
+            //    .delay(fadeTime)
+            //    .queue(function (next) {
+            //      $(this).removeClass(namespace + "_active");
+            //      next();
+            //  });
+
+            // Determine where to slide
+            var idx = $slide.index($("." + visibleClass)),
+              prevIdx = idx - 1,
+              nextIdx = idx + 1 < length ? index + 1 : 0;
+
+            // Go to slide
+            slideTo($(this)[0] === $prev[0] ? prevIdx : nextIdx);
+            if (settings.pager) {
+              selectTab($(this)[0] === $prev[0] ? prevIdx : nextIdx);
+            }
+
+            if (!settings.pauseControls) {
+              restartCycle();
+            }
+          });
+
+          // Pause when hovering navigation
+          if (settings.pauseControls) {
+            $trigger.hover(function () {
+              clearInterval(rotate);
+            }, function () {
+              restartCycle();
+            });
+          }
+        }
+
+      }
+
+      // Max-width fallback
+      if (typeof document.body.style.maxWidth === "undefined" && options.maxwidth) {
+        var widthSupport = function () {
+          $this.css("width", "100%");
+          if ($this.width() > maxw) {
+            $this.css("width", maxw);
+          }
+        };
+
+        // Init fallback
+        widthSupport();
+        $(window).bind("resize", function () {
+          widthSupport();
+        });
+      }
+
+    });
+
+  };
+})(jQuery, this, 0);

app/themes/hcf/js/methods.js

@@ -0,0 +1,23 @@
+/* Author:
+Satrya - http://twitter.com/msattt
+*/
+
+var $j = jQuery.noConflict();
+$j(document).ready(function(){
+	
+	$j("#main").krioImageLoader();
+	
+	// Detect image with extension .jpg, ,.png and .gif and add rel="fancy_group"
+	$j( ".gallery a[href$='.jpg'], .gallery a[href$='.png'], .gallery a[href$='.gif']" ).attr( 'rel', 'fancy_group' );
+	$j( "a.fancyimg, a[rel=fancy_group]" ).fancybox();
+
+	$j(".rslides").responsiveSlides({
+		auto			: true,
+		pager			: true,
+		nav				: true,
+		pauseControls	: true,
+		pause			: true,
+		speed			: 500
+	});
+	
+});

app/themes/hcf/js/plugins.js

@@ -0,0 +1,115 @@
+// Avoid `console` errors in browsers that lack a console.
+(function() {
+    var noop = function noop() {};
+    var methods = [
+        'assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error',
+        'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log',
+        'markTimeline', 'profile', 'profileEnd', 'table', 'time', 'timeEnd',
+        'timeStamp', 'trace', 'warn'
+    ];
+    var length = methods.length;
+    var console = window.console || {};
+
+    while (length--) {
+        // Only stub undefined methods.
+        console[methods[length]] = console[methods[length]] || noop;
+    }
+}());
+
+/* 
+*************************************************************************************************************
+Place all jQuery plugin below this line, be sure to including license and credit link to the original author.
+*************************************************************************************************************
+*/
+
+/* 
+*************************************************************************************************************
+
+    Table of Content:
+    - HTML5 Shiv
+    - Formalize
+    - Fancybox
+    - Krio Image Loader
+    - Responsive Slides
+
+*************************************************************************************************************
+*/
+
+/*! HTML5 Shiv v3.6 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed */
+/* Source: https://github.com/aFarkas/html5shiv */
+(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
+a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x<style>article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}</style>";
+c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^<|^(?:a|b|button|code|div|fieldset|form|h1|h2|h3|h4|h5|h6|i|iframe|img|input|label|li|link|ol|option|p|param|q|script|select|span|strong|style|table|tbody|td|textarea|tfoot|th|thead|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="<xyz></xyz>";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");
+var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode||"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,
+b){a||(a=f);if(g)return a.createDocumentFragment();for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d<h;d++)c.createElement(e[d]);return c}};l.html5=e;q(f)})(this,document);
+
+/*
+  Formalize - version 1.2
+  Note: This file depends on the jQuery library.
+*/
+var FORMALIZE=function(a,b,c){function d(a){var b=c.createElement("b");return b.innerHTML="<!--[if IE "+a+"]><br><![endif]-->",!!b.getElementsByTagName("br").length}var e="placeholder"in c.createElement("input"),f="autofocus"in c.createElement("input"),g=d(6),h=d(7);return{go:function(){var a,b=this.init;for(a in b)b.hasOwnProperty(a)&&b[a]()},init:{full_input_size:function(){h&&a("textarea, input.input_full").length&&a("textarea, input.input_full").wrap('<span class="input_full_wrap"></span>')},ie6_skin_inputs:function(){if(g&&a("input, select, textarea").length){var b=/button|submit|reset/,c=/date|datetime|datetime-local|email|month|number|password|range|search|tel|text|time|url|week/;a("input").each(function(){var d=a(this);this.getAttribute("type").match(b)?(d.addClass("ie6_button"),this.disabled&&d.addClass("ie6_button_disabled")):this.getAttribute("type").match(c)&&(d.addClass("ie6_input"),this.disabled&&d.addClass("ie6_input_disabled"))}),a("textarea, select").each(function(){this.disabled&&a(this).addClass("ie6_input_disabled")})}},autofocus:function(){f||!a(":input[autofocus]").length||a(":input[autofocus]:visible:first").focus()},placeholder:function(){!e&&!!a(":input[placeholder]").length&&(FORMALIZE.misc.add_placeholder(),a(":input[placeholder]").each(function(){if(this.type!=="password"){var b=a(this),c=b.attr("placeholder");b.focus(function(){b.val()===c&&b.val("").removeClass("placeholder_text")}).blur(function(){FORMALIZE.misc.add_placeholder()}),b.closest("form").submit(function(){b.val()===c&&b.val("").removeClass("placeholder_text")}).bind("reset",function(){setTimeout(FORMALIZE.misc.add_placeholder,50)})}}))}},misc:{add_placeholder:function(){e||!a(":input[placeholder]").length||a(":input[placeholder]").each(function(){if(this.type!=="password"){var b=a(this),c=b.attr("placeholder");(!b.val()||b.val()===c)&&b.val(c).addClass("placeholder_text")}})}}}}(jQuery,this,this.document);jQuery(document).ready(function(){FORMALIZE.go()});
+
+
+/*
+ * FancyBox - jQuery Plugin
+ * Simple and fancy lightbox alternative
+ *
+ * Examples and documentation at: http://fancybox.net
+ * 
+ * Copyright (c) 2008 - 2010 Janis Skarnelis
+ * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
+ * 
+ * Version: 1.3.4 (11/11/2010)
+ * Requires: jQuery v1.3+
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *   http://www.gnu.org/licenses/gpl.html
+ */
+
+;(function(b){var m,t,u,f,D,j,E,n,z,A,q=0,e={},o=[],p=0,d={},l=[],G=null,v=new Image,J=/\.(jpg|gif|png|bmp|jpeg)(.*)?$/i,W=/[^\.]\.(swf)\s*$/i,K,L=1,y=0,s="",r,i,h=false,B=b.extend(b("<div/>")[0],{prop:0}),M=b.browser.msie&&b.browser.version<7&&!window.XMLHttpRequest,N=function(){t.hide();v.onerror=v.onload=null;G&&G.abort();m.empty()},O=function(){if(false===e.onError(o,q,e)){t.hide();h=false}else{e.titleShow=false;e.width="auto";e.height="auto";m.html('<p id="fancybox-error">The requested content cannot be loaded.<br />Please try again later.</p>');
+F()}},I=function(){var a=o[q],c,g,k,C,P,w;N();e=b.extend({},b.fn.fancybox.defaults,typeof b(a).data("fancybox")=="undefined"?e:b(a).data("fancybox"));w=e.onStart(o,q,e);if(w===false)h=false;else{if(typeof w=="object")e=b.extend(e,w);k=e.title||(a.nodeName?b(a).attr("title"):a.title)||"";if(a.nodeName&&!e.orig)e.orig=b(a).children("img:first").length?b(a).children("img:first"):b(a);if(k===""&&e.orig&&e.titleFromAlt)k=e.orig.attr("alt");c=e.href||(a.nodeName?b(a).attr("href"):a.href)||null;if(/^(?:javascript)/i.test(c)||
+c=="#")c=null;if(e.type){g=e.type;if(!c)c=e.content}else if(e.content)g="html";else if(c)g=c.match(J)?"image":c.match(W)?"swf":b(a).hasClass("iframe")?"iframe":c.indexOf("#")===0?"inline":"ajax";if(g){if(g=="inline"){a=c.substr(c.indexOf("#"));g=b(a).length>0?"inline":"ajax"}e.type=g;e.href=c;e.title=k;if(e.autoDimensions)if(e.type=="html"||e.type=="inline"||e.type=="ajax"){e.width="auto";e.height="auto"}else e.autoDimensions=false;if(e.modal){e.overlayShow=true;e.hideOnOverlayClick=false;e.hideOnContentClick=
+false;e.enableEscapeButton=false;e.showCloseButton=false}e.padding=parseInt(e.padding,10);e.margin=parseInt(e.margin,10);m.css("padding",e.padding+e.margin);b(".fancybox-inline-tmp").unbind("fancybox-cancel").bind("fancybox-change",function(){b(this).replaceWith(j.children())});switch(g){case "html":m.html(e.content);F();break;case "inline":if(b(a).parent().is("#fancybox-content")===true){h=false;break}b('<div class="fancybox-inline-tmp" />').hide().insertBefore(b(a)).bind("fancybox-cleanup",function(){b(this).replaceWith(j.children())}).bind("fancybox-cancel",
+function(){b(this).replaceWith(m.children())});b(a).appendTo(m);F();break;case "image":h=false;b.fancybox.showActivity();v=new Image;v.onerror=function(){O()};v.onload=function(){h=true;v.onerror=v.onload=null;e.width=v.width;e.height=v.height;b("<img />").attr({id:"fancybox-img",src:v.src,alt:e.title}).appendTo(m);Q()};v.src=c;break;case "swf":e.scrolling="no";C='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="'+e.width+'" height="'+e.height+'"><param name="movie" value="'+c+
+'"></param>';P="";b.each(e.swf,function(x,H){C+='<param name="'+x+'" value="'+H+'"></param>';P+=" "+x+'="'+H+'"'});C+='<embed src="'+c+'" type="application/x-shockwave-flash" width="'+e.width+'" height="'+e.height+'"'+P+"></embed></object>";m.html(C);F();break;case "ajax":h=false;b.fancybox.showActivity();e.ajax.win=e.ajax.success;G=b.ajax(b.extend({},e.ajax,{url:c,data:e.ajax.data||{},error:function(x){x.status>0&&O()},success:function(x,H,R){if((typeof R=="object"?R:G).status==200){if(typeof e.ajax.win==
+"function"){w=e.ajax.win(c,x,H,R);if(w===false){t.hide();return}else if(typeof w=="string"||typeof w=="object")x=w}m.html(x);F()}}}));break;case "iframe":Q()}}else O()}},F=function(){var a=e.width,c=e.height;a=a.toString().indexOf("%")>-1?parseInt((b(window).width()-e.margin*2)*parseFloat(a)/100,10)+"px":a=="auto"?"auto":a+"px";c=c.toString().indexOf("%")>-1?parseInt((b(window).height()-e.margin*2)*parseFloat(c)/100,10)+"px":c=="auto"?"auto":c+"px";m.wrapInner('<div style="width:'+a+";height:"+c+
+";overflow: "+(e.scrolling=="auto"?"auto":e.scrolling=="yes"?"scroll":"hidden")+';position:relative;"></div>');e.width=m.width();e.height=m.height();Q()},Q=function(){var a,c;t.hide();if(f.is(":visible")&&false===d.onCleanup(l,p,d)){b.event.trigger("fancybox-cancel");h=false}else{h=true;b(j.add(u)).unbind();b(window).unbind("resize.fb scroll.fb");b(document).unbind("keydown.fb");f.is(":visible")&&d.titlePosition!=="outside"&&f.css("height",f.height());l=o;p=q;d=e;if(d.overlayShow){u.css({"background-color":d.overlayColor,
+opacity:d.overlayOpacity,cursor:d.hideOnOverlayClick?"pointer":"auto",height:b(document).height()});if(!u.is(":visible")){M&&b("select:not(#fancybox-tmp select)").filter(function(){return this.style.visibility!=="hidden"}).css({visibility:"hidden"}).one("fancybox-cleanup",function(){this.style.visibility="inherit"});u.show()}}else u.hide();i=X();s=d.title||"";y=0;n.empty().removeAttr("style").removeClass();if(d.titleShow!==false){if(b.isFunction(d.titleFormat))a=d.titleFormat(s,l,p,d);else a=s&&s.length?
+d.titlePosition=="float"?'<table id="fancybox-title-float-wrap" cellpadding="0" cellspacing="0"><tr><td id="fancybox-title-float-left"></td><td id="fancybox-title-float-main">'+s+'</td><td id="fancybox-title-float-right"></td></tr></table>':'<div id="fancybox-title-'+d.titlePosition+'">'+s+"</div>":false;s=a;if(!(!s||s==="")){n.addClass("fancybox-title-"+d.titlePosition).html(s).appendTo("body").show();switch(d.titlePosition){case "inside":n.css({width:i.width-d.padding*2,marginLeft:d.padding,marginRight:d.padding});
+y=n.outerHeight(true);n.appendTo(D);i.height+=y;break;case "over":n.css({marginLeft:d.padding,width:i.width-d.padding*2,bottom:d.padding}).appendTo(D);break;case "float":n.css("left",parseInt((n.width()-i.width-40)/2,10)*-1).appendTo(f);break;default:n.css({width:i.width-d.padding*2,paddingLeft:d.padding,paddingRight:d.padding}).appendTo(f)}}}n.hide();if(f.is(":visible")){b(E.add(z).add(A)).hide();a=f.position();r={top:a.top,left:a.left,width:f.width(),height:f.height()};c=r.width==i.width&&r.height==
+i.height;j.fadeTo(d.changeFade,0.3,function(){var g=function(){j.html(m.contents()).fadeTo(d.changeFade,1,S)};b.event.trigger("fancybox-change");j.empty().removeAttr("filter").css({"border-width":d.padding,width:i.width-d.padding*2,height:e.autoDimensions?"auto":i.height-y-d.padding*2});if(c)g();else{B.prop=0;b(B).animate({prop:1},{duration:d.changeSpeed,easing:d.easingChange,step:T,complete:g})}})}else{f.removeAttr("style");j.css("border-width",d.padding);if(d.transitionIn=="elastic"){r=V();j.html(m.contents());
+f.show();if(d.opacity)i.opacity=0;B.prop=0;b(B).animate({prop:1},{duration:d.speedIn,easing:d.easingIn,step:T,complete:S})}else{d.titlePosition=="inside"&&y>0&&n.show();j.css({width:i.width-d.padding*2,height:e.autoDimensions?"auto":i.height-y-d.padding*2}).html(m.contents());f.css(i).fadeIn(d.transitionIn=="none"?0:d.speedIn,S)}}}},Y=function(){if(d.enableEscapeButton||d.enableKeyboardNav)b(document).bind("keydown.fb",function(a){if(a.keyCode==27&&d.enableEscapeButton){a.preventDefault();b.fancybox.close()}else if((a.keyCode==
+37||a.keyCode==39)&&d.enableKeyboardNav&&a.target.tagName!=="INPUT"&&a.target.tagName!=="TEXTAREA"&&a.target.tagName!=="SELECT"){a.preventDefault();b.fancybox[a.keyCode==37?"prev":"next"]()}});if(d.showNavArrows){if(d.cyclic&&l.length>1||p!==0)z.show();if(d.cyclic&&l.length>1||p!=l.length-1)A.show()}else{z.hide();A.hide()}},S=function(){if(!b.support.opacity){j.get(0).style.removeAttribute("filter");f.get(0).style.removeAttribute("filter")}e.autoDimensions&&j.css("height","auto");f.css("height","auto");
+s&&s.length&&n.show();d.showCloseButton&&E.show();Y();d.hideOnContentClick&&j.bind("click",b.fancybox.close);d.hideOnOverlayClick&&u.bind("click",b.fancybox.close);b(window).bind("resize.fb",b.fancybox.resize);d.centerOnScroll&&b(window).bind("scroll.fb",b.fancybox.center);if(d.type=="iframe")b('<iframe id="fancybox-frame" name="fancybox-frame'+(new Date).getTime()+'" frameborder="0" hspace="0" '+(b.browser.msie?'allowtransparency="true""':"")+' scrolling="'+e.scrolling+'" src="'+d.href+'"></iframe>').appendTo(j);
+f.show();h=false;b.fancybox.center();d.onComplete(l,p,d);var a,c;if(l.length-1>p){a=l[p+1].href;if(typeof a!=="undefined"&&a.match(J)){c=new Image;c.src=a}}if(p>0){a=l[p-1].href;if(typeof a!=="undefined"&&a.match(J)){c=new Image;c.src=a}}},T=function(a){var c={width:parseInt(r.width+(i.width-r.width)*a,10),height:parseInt(r.height+(i.height-r.height)*a,10),top:parseInt(r.top+(i.top-r.top)*a,10),left:parseInt(r.left+(i.left-r.left)*a,10)};if(typeof i.opacity!=="undefined")c.opacity=a<0.5?0.5:a;f.css(c);
+j.css({width:c.width-d.padding*2,height:c.height-y*a-d.padding*2})},U=function(){return[b(window).width()-d.margin*2,b(window).height()-d.margin*2,b(document).scrollLeft()+d.margin,b(document).scrollTop()+d.margin]},X=function(){var a=U(),c={},g=d.autoScale,k=d.padding*2;c.width=d.width.toString().indexOf("%")>-1?parseInt(a[0]*parseFloat(d.width)/100,10):d.width+k;c.height=d.height.toString().indexOf("%")>-1?parseInt(a[1]*parseFloat(d.height)/100,10):d.height+k;if(g&&(c.width>a[0]||c.height>a[1]))if(e.type==
+"image"||e.type=="swf"){g=d.width/d.height;if(c.width>a[0]){c.width=a[0];c.height=parseInt((c.width-k)/g+k,10)}if(c.height>a[1]){c.height=a[1];c.width=parseInt((c.height-k)*g+k,10)}}else{c.width=Math.min(c.width,a[0]);c.height=Math.min(c.height,a[1])}c.top=parseInt(Math.max(a[3]-20,a[3]+(a[1]-c.height-40)*0.5),10);c.left=parseInt(Math.max(a[2]-20,a[2]+(a[0]-c.width-40)*0.5),10);return c},V=function(){var a=e.orig?b(e.orig):false,c={};if(a&&a.length){c=a.offset();c.top+=parseInt(a.css("paddingTop"),
+10)||0;c.left+=parseInt(a.css("paddingLeft"),10)||0;c.top+=parseInt(a.css("border-top-width"),10)||0;c.left+=parseInt(a.css("border-left-width"),10)||0;c.width=a.width();c.height=a.height();c={width:c.width+d.padding*2,height:c.height+d.padding*2,top:c.top-d.padding-20,left:c.left-d.padding-20}}else{a=U();c={width:d.padding*2,height:d.padding*2,top:parseInt(a[3]+a[1]*0.5,10),left:parseInt(a[2]+a[0]*0.5,10)}}return c},Z=function(){if(t.is(":visible")){b("div",t).css("top",L*-40+"px");L=(L+1)%12}else clearInterval(K)};
+b.fn.fancybox=function(a){if(!b(this).length)return this;b(this).data("fancybox",b.extend({},a,b.metadata?b(this).metadata():{})).unbind("click.fb").bind("click.fb",function(c){c.preventDefault();if(!h){h=true;b(this).blur();o=[];q=0;c=b(this).attr("rel")||"";if(!c||c==""||c==="nofollow")o.push(this);else{o=b("a[rel="+c+"], area[rel="+c+"]");q=o.index(this)}I()}});return this};b.fancybox=function(a,c){var g;if(!h){h=true;g=typeof c!=="undefined"?c:{};o=[];q=parseInt(g.index,10)||0;if(b.isArray(a)){for(var k=
+0,C=a.length;k<C;k++)if(typeof a[k]=="object")b(a[k]).data("fancybox",b.extend({},g,a[k]));else a[k]=b({}).data("fancybox",b.extend({content:a[k]},g));o=jQuery.merge(o,a)}else{if(typeof a=="object")b(a).data("fancybox",b.extend({},g,a));else a=b({}).data("fancybox",b.extend({content:a},g));o.push(a)}if(q>o.length||q<0)q=0;I()}};b.fancybox.showActivity=function(){clearInterval(K);t.show();K=setInterval(Z,66)};b.fancybox.hideActivity=function(){t.hide()};b.fancybox.next=function(){return b.fancybox.pos(p+
+1)};b.fancybox.prev=function(){return b.fancybox.pos(p-1)};b.fancybox.pos=function(a){if(!h){a=parseInt(a);o=l;if(a>-1&&a<l.length){q=a;I()}else if(d.cyclic&&l.length>1){q=a>=l.length?0:l.length-1;I()}}};b.fancybox.cancel=function(){if(!h){h=true;b.event.trigger("fancybox-cancel");N();e.onCancel(o,q,e);h=false}};b.fancybox.close=function(){function a(){u.fadeOut("fast");n.empty().hide();f.hide();b.event.trigger("fancybox-cleanup");j.empty();d.onClosed(l,p,d);l=e=[];p=q=0;d=e={};h=false}if(!(h||f.is(":hidden"))){h=
+true;if(d&&false===d.onCleanup(l,p,d))h=false;else{N();b(E.add(z).add(A)).hide();b(j.add(u)).unbind();b(window).unbind("resize.fb scroll.fb");b(document).unbind("keydown.fb");j.find("iframe").attr("src",M&&/^https/i.test(window.location.href||"")?"javascript:void(false)":"about:blank");d.titlePosition!=="inside"&&n.empty();f.stop();if(d.transitionOut=="elastic"){r=V();var c=f.position();i={top:c.top,left:c.left,width:f.width(),height:f.height()};if(d.opacity)i.opacity=1;n.empty().hide();B.prop=1;
+b(B).animate({prop:0},{duration:d.speedOut,easing:d.easingOut,step:T,complete:a})}else f.fadeOut(d.transitionOut=="none"?0:d.speedOut,a)}}};b.fancybox.resize=function(){u.is(":visible")&&u.css("height",b(document).height());b.fancybox.center(true)};b.fancybox.center=function(a){var c,g;if(!h){g=a===true?1:0;c=U();!g&&(f.width()>c[0]||f.height()>c[1])||f.stop().animate({top:parseInt(Math.max(c[3]-20,c[3]+(c[1]-j.height()-40)*0.5-d.padding)),left:parseInt(Math.max(c[2]-20,c[2]+(c[0]-j.width()-40)*0.5-
+d.padding))},typeof a=="number"?a:200)}};b.fancybox.init=function(){if(!b("#fancybox-wrap").length){b("body").append(m=b('<div id="fancybox-tmp"></div>'),t=b('<div id="fancybox-loading"><div></div></div>'),u=b('<div id="fancybox-overlay"></div>'),f=b('<div id="fancybox-wrap"></div>'));D=b('<div id="fancybox-outer"></div>').append('<div class="fancybox-bg" id="fancybox-bg-n"></div><div class="fancybox-bg" id="fancybox-bg-ne"></div><div class="fancybox-bg" id="fancybox-bg-e"></div><div class="fancybox-bg" id="fancybox-bg-se"></div><div class="fancybox-bg" id="fancybox-bg-s"></div><div class="fancybox-bg" id="fancybox-bg-sw"></div><div class="fancybox-bg" id="fancybox-bg-w"></div><div class="fancybox-bg" id="fancybox-bg-nw"></div>').appendTo(f);
+D.append(j=b('<div id="fancybox-content"></div>'),E=b('<a id="fancybox-close"></a>'),n=b('<div id="fancybox-title"></div>'),z=b('<a href="javascript:;" id="fancybox-left"><span class="fancy-ico" id="fancybox-left-ico"></span></a>'),A=b('<a href="javascript:;" id="fancybox-right"><span class="fancy-ico" id="fancybox-right-ico"></span></a>'));E.click(b.fancybox.close);t.click(b.fancybox.cancel);z.click(function(a){a.preventDefault();b.fancybox.prev()});A.click(function(a){a.preventDefault();b.fancybox.next()});
+b.fn.mousewheel&&f.bind("mousewheel.fb",function(a,c){if(h)a.preventDefault();else if(b(a.target).get(0).clientHeight==0||b(a.target).get(0).scrollHeight===b(a.target).get(0).clientHeight){a.preventDefault();b.fancybox[c>0?"prev":"next"]()}});b.support.opacity||f.addClass("fancybox-ie");if(M){t.addClass("fancybox-ie6");f.addClass("fancybox-ie6");b('<iframe id="fancybox-hide-sel-frame" src="'+(/^https/i.test(window.location.href||"")?"javascript:void(false)":"about:blank")+'" scrolling="no" border="0" frameborder="0" tabindex="-1"></iframe>').prependTo(D)}}};
+b.fn.fancybox.defaults={padding:10,margin:40,opacity:false,modal:false,cyclic:false,scrolling:"auto",width:560,height:340,autoScale:true,autoDimensions:true,centerOnScroll:false,ajax:{},swf:{wmode:"transparent"},hideOnOverlayClick:true,hideOnContentClick:false,overlayShow:true,overlayOpacity:0.7,overlayColor:"#777",titleShow:true,titlePosition:"float",titleFormat:null,titleFromAlt:false,transitionIn:"fade",transitionOut:"fade",speedIn:300,speedOut:300,changeSpeed:300,changeFade:"fast",easingIn:"swing",
+easingOut:"swing",showCloseButton:true,showNavArrows:true,enableEscapeButton:true,enableKeyboardNav:true,onStart:function(){},onCancel:function(){},onComplete:function(){},onCleanup:function(){},onClosed:function(){},onError:function(){}};b(document).ready(function(){b.fancybox.init()})})(jQuery);
+
+/*
+* Krio Image Loader Jquery Plugin v1
+* http://krio.me/jquery-image-loader-plugin
+* https://github.com/krio/jquery-image-loader-plugin
+*/
+
+(function($){$.fn.krioImageLoader=function(options){var opts=$.extend({},$.fn.krioImageLoader.defaults,options);var imagesToLoad=$(this).find("img").css({opacity:0,visibility:"hidden"}).addClass("krioImageLoader");var imagesToLoadCount=imagesToLoad.size();var checkIfLoadedTimer=setInterval(function(){if(!imagesToLoadCount){clearInterval(checkIfLoadedTimer);return}else{imagesToLoad.filter(".krioImageLoader").each(function(){if(this.complete){fadeImageIn(this);imagesToLoadCount--}})}},opts.loadedCheckEvery);var fadeImageIn=function(imageToLoad){$(imageToLoad).css({visibility:"visible"}).animate({opacity:1},opts.imageEnterDelay,removeKrioImageClass(imageToLoad))};var removeKrioImageClass=function(imageToRemoveClass){$(imageToRemoveClass).removeClass("krioImageLoader")}};$.fn.krioImageLoader.defaults={loadedCheckEvery:350,imageEnterDelay:900}})(jQuery);
+
+/*! http://responsiveslides.com v1.53 by @viljamis */
+(function(c,I,B){c.fn.responsiveSlides=function(l){var a=c.extend({auto:!0,speed:500,timeout:4E3,pager:!1,nav:!1,random:!1,pause:!1,pauseControls:!0,prevText:"Previous",nextText:"Next",maxwidth:"",navContainer:"",manualControls:"",namespace:"rslides",before:function(){},after:function(){}},l);return this.each(function(){B++;var f=c(this),s,r,t,m,p,q,n=0,e=f.children(),C=e.size(),h=parseFloat(a.speed),D=parseFloat(a.timeout),u=parseFloat(a.maxwidth),g=a.namespace,d=g+B,E=g+"_nav "+d+"_nav",v=g+"_here",
+j=d+"_on",w=d+"_s",k=c("<ul class='"+g+"_tabs "+d+"_tabs' />"),x={"float":"left",position:"relative",opacity:1,zIndex:2},y={"float":"none",position:"absolute",opacity:0,zIndex:1},F=function(){var b=(document.body||document.documentElement).style,a="transition";if("string"===typeof b[a])return!0;s=["Moz","Webkit","Khtml","O","ms"];var a=a.charAt(0).toUpperCase()+a.substr(1),c;for(c=0;c<s.length;c++)if("string"===typeof b[s[c]+a])return!0;return!1}(),z=function(b){a.before();F?(e.removeClass(j).css(y).eq(b).addClass(j).css(x),
+n=b,setTimeout(function(){a.after()},h)):e.stop().fadeOut(h,function(){c(this).removeClass(j).css(y).css("opacity",1)}).eq(b).fadeIn(h,function(){c(this).addClass(j).css(x);a.after();n=b})};a.random&&(e.sort(function(){return Math.round(Math.random())-0.5}),f.empty().append(e));e.each(function(a){this.id=w+a});f.addClass(g+" "+d);l&&l.maxwidth&&f.css("max-width",u);e.hide().css(y).eq(0).addClass(j).css(x).show();F&&e.show().css({"-webkit-transition":"opacity "+h+"ms ease-in-out","-moz-transition":"opacity "+
+h+"ms ease-in-out","-o-transition":"opacity "+h+"ms ease-in-out",transition:"opacity "+h+"ms ease-in-out"});if(1<e.size()){if(D<h+100)return;if(a.pager&&!a.manualControls){var A=[];e.each(function(a){a+=1;A+="<li><a href='#' class='"+w+a+"'>"+a+"</a></li>"});k.append(A);l.navContainer?c(a.navContainer).append(k):f.after(k)}a.manualControls&&(k=c(a.manualControls),k.addClass(g+"_tabs "+d+"_tabs"));(a.pager||a.manualControls)&&k.find("li").each(function(a){c(this).addClass(w+(a+1))});if(a.pager||a.manualControls)q=
+k.find("a"),r=function(a){q.closest("li").removeClass(v).eq(a).addClass(v)};a.auto&&(t=function(){p=setInterval(function(){e.stop(!0,!0);var b=n+1<C?n+1:0;(a.pager||a.manualControls)&&r(b);z(b)},D)},t());m=function(){a.auto&&(clearInterval(p),t())};a.pause&&f.hover(function(){clearInterval(p)},function(){m()});if(a.pager||a.manualControls)q.bind("click",function(b){b.preventDefault();a.pauseControls||m();b=q.index(this);n===b||c("."+j).queue("fx").length||(r(b),z(b))}).eq(0).closest("li").addClass(v),
+a.pauseControls&&q.hover(function(){clearInterval(p)},function(){m()});if(a.nav){g="<a href='#' class='"+E+" prev'>"+a.prevText+"</a><a href='#' class='"+E+" next'>"+a.nextText+"</a>";l.navContainer?c(a.navContainer).append(g):f.after(g);var d=c("."+d+"_nav"),G=d.filter(".prev");d.bind("click",function(b){b.preventDefault();b=c("."+j);if(!b.queue("fx").length){var d=e.index(b);b=d-1;d=d+1<C?n+1:0;z(c(this)[0]===G[0]?b:d);if(a.pager||a.manualControls)r(c(this)[0]===G[0]?b:d);a.pauseControls||m()}});
+a.pauseControls&&d.hover(function(){clearInterval(p)},function(){m()})}}if("undefined"===typeof document.body.style.maxWidth&&l.maxwidth){var H=function(){f.css("width","100%");f.width()>u&&f.css("width",u)};H();c(I).bind("resize",function(){H()})}})}})(jQuery,this,0);

app/themes/hcf/js/vendor/keyboard-image-navigation.js

@@ -0,0 +1,14 @@
+jQuery( document ).ready( function( $ ) {
+	$( document ).keydown( function( e ) {
+		var url = false;
+		if ( e.which == 37 ) {  // Left arrow key code
+			url = $( '.previous-image a' ).attr( 'href' );
+		}
+		else if ( e.which == 39 ) {  // Right arrow key code
+			url = $( '.next-image a' ).attr( 'href' );
+		}
+		if ( url && ( !$( 'textarea, input' ).is( ':focus' ) ) ) {
+			window.location = url;
+		}
+	} );
+} );

app/themes/hcf/license.txt

@@ -0,0 +1,281 @@
+		    GNU GENERAL PUBLIC LICENSE
+		       Version 2, June 1991
+
+ Copyright (C) 1989, 1991 Free Software Foundation, Inc. 
+              51 Franklin St, Fifth Floor, Boston, MA 02110, USA
+
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+			    Preamble
+
+  The licenses for most software are designed to take away your
+freedom to share and change it.  By contrast, the GNU General Public
+License is intended to guarantee your freedom to share and change free
+software--to make sure the software is free for all its users.  This
+General Public License applies to most of the Free Software
+Foundation's software and to any other program whose authors commit to
+using it.  (Some other Free Software Foundation software is covered by
+the GNU Library General Public License instead.)  You can apply it to
+your programs, too.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+this service if you wish), that you receive source code or can get it
+if you want it, that you can change the software or use pieces of it
+in new free programs; and that you know you can do these things.
+
+  To protect your rights, we need to make restrictions that forbid
+anyone to deny you these rights or to ask you to surrender the rights.
+These restrictions translate to certain responsibilities for you if you
+distribute copies of the software, or if you modify it.
+
+  For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must give the recipients all the rights that
+you have.  You must make sure that they, too, receive or can get the
+source code.  And you must show them these terms so they know their
+rights.
+
+  We protect your rights with two steps: (1) copyright the software, and
+(2) offer you this license which gives you legal permission to copy,
+distribute and/or modify the software.
+
+  Also, for each author's protection and ours, we want to make certain
+that everyone understands that there is no warranty for this free
+software.  If the software is modified by someone else and passed on, we
+want its recipients to know that what they have is not the original, so
+that any problems introduced by others will not reflect on the original
+authors' reputations.
+
+  Finally, any free program is threatened constantly by software
+patents.  We wish to avoid the danger that redistributors of a free
+program will individually obtain patent licenses, in effect making the
+program proprietary.  To prevent this, we have made it clear that any
+patent must be licensed for everyone's free use or not licensed at all.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+		    GNU GENERAL PUBLIC LICENSE
+   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+
+  0. This License applies to any program or other work which contains
+a notice placed by the copyright holder saying it may be distributed
+under the terms of this General Public License.  The "Program", below,
+refers to any such program or work, and a "work based on the Program"
+means either the Program or any derivative work under copyright law:
+that is to say, a work containing the Program or a portion of it,
+either verbatim or with modifications and/or translated into another
+language.  (Hereinafter, translation is included without limitation in
+the term "modification".)  Each licensee is addressed as "you".
+
+Activities other than copying, distribution and modification are not
+covered by this License; they are outside its scope.  The act of
+running the Program is not restricted, and the output from the Program
+is covered only if its contents constitute a work based on the
+Program (independent of having been made by running the Program).
+Whether that is true depends on what the Program does.
+
+  1. You may copy and distribute verbatim copies of the Program's
+source code as you receive it, in any medium, provided that you
+conspicuously and appropriately publish on each copy an appropriate
+copyright notice and disclaimer of warranty; keep intact all the
+notices that refer to this License and to the absence of any warranty;
+and give any other recipients of the Program a copy of this License
+along with the Program.
+
+You may charge a fee for the physical act of transferring a copy, and
+you may at your option offer warranty protection in exchange for a fee.
+
+  2. You may modify your copy or copies of the Program or any portion
+of it, thus forming a work based on the Program, and copy and
+distribute such modifications or work under the terms of Section 1
+above, provided that you also meet all of these conditions:
+
+    a) You must cause the modified files to carry prominent notices
+    stating that you changed the files and the date of any change.
+
+    b) You must cause any work that you distribute or publish, that in
+    whole or in part contains or is derived from the Program or any
+    part thereof, to be licensed as a whole at no charge to all third
+    parties under the terms of this License.
+
+    c) If the modified program normally reads commands interactively
+    when run, you must cause it, when started running for such
+    interactive use in the most ordinary way, to print or display an
+    announcement including an appropriate copyright notice and a
+    notice that there is no warranty (or else, saying that you provide
+    a warranty) and that users may redistribute the program under
+    these conditions, and telling the user how to view a copy of this
+    License.  (Exception: if the Program itself is interactive but
+    does not normally print such an announcement, your work based on
+    the Program is not required to print an announcement.)
+
+These requirements apply to the modified work as a whole.  If
+identifiable sections of that work are not derived from the Program,
+and can be reasonably considered independent and separate works in
+themselves, then this License, and its terms, do not apply to those
+sections when you distribute them as separate works.  But when you
+distribute the same sections as part of a whole which is a work based
+on the Program, the distribution of the whole must be on the terms of
+this License, whose permissions for other licensees extend to the
+entire whole, and thus to each and every part regardless of who wrote it.
+Thus, it is not the intent of this section to claim rights or contest
+your rights to work written entirely by you; rather, the intent is to
+exercise the right to control the distribution of derivative or
+collective works based on the Program.
+
+In addition, mere aggregation of another work not based on the Program
+with the Program (or with a work based on the Program) on a volume of
+a storage or distribution medium does not bring the other work under
+the scope of this License.
+
+  3. You may copy and distribute the Program (or a work based on it,
+under Section 2) in object code or executable form under the terms of
+Sections 1 and 2 above provided that you also do one of the following:
+
+    a) Accompany it with the complete corresponding machine-readable
+    source code, which must be distributed under the terms of Sections
+    1 and 2 above on a medium customarily used for software interchange; or,
+
+    b) Accompany it with a written offer, valid for at least three
+    years, to give any third party, for a charge no more than your
+    cost of physically performing source distribution, a complete
+    machine-readable copy of the corresponding source code, to be
+    distributed under the terms of Sections 1 and 2 above on a medium
+    customarily used for software interchange; or,
+
+    c) Accompany it with the information you received as to the offer
+    to distribute corresponding source code.  (This alternative is
+    allowed only for noncommercial distribution and only if you
+    received the program in object code or executable form with such
+    an offer, in accord with Subsection b above.)
+
+The source code for a work means the preferred form of the work for
+making modifications to it.  For an executable work, complete source
+code means all the source code for all modules it contains, plus any
+associated interface definition files, plus the scripts used to
+control compilation and installation of the executable.  However, as a
+special exception, the source code distributed need not include
+anything that is normally distributed (in either source or binary
+form) with the major components (compiler, kernel, and so on) of the
+operating system on which the executable runs, unless that component
+itself accompanies the executable.
+
+If distribution of executable or object code is made by offering
+access to copy from a designated place, then offering equivalent
+access to copy the source code from the same place counts as
+distribution of the source code, even though third parties are not
+compelled to copy the source along with the object code.
+
+  4. You may not copy, modify, sublicense, or distribute the Program
+except as expressly provided under this License.  Any attempt
+otherwise to copy, modify, sublicense or distribute the Program is
+void, and will automatically terminate your rights under this License.
+However, parties who have received copies, or rights, from you under
+this License will not have their licenses terminated so long as such
+parties remain in full compliance.
+
+  5. You are not required to accept this License, since you have not
+signed it.  However, nothing else grants you permission to modify or
+distribute the Program or its derivative works.  These actions are
+prohibited by law if you do not accept this License.  Therefore, by
+modifying or distributing the Program (or any work based on the
+Program), you indicate your acceptance of this License to do so, and
+all its terms and conditions for copying, distributing or modifying
+the Program or works based on it.
+
+  6. Each time you redistribute the Program (or any work based on the
+Program), the recipient automatically receives a license from the
+original licensor to copy, distribute or modify the Program subject to
+these terms and conditions.  You may not impose any further
+restrictions on the recipients' exercise of the rights granted herein.
+You are not responsible for enforcing compliance by third parties to
+this License.
+
+  7. If, as a consequence of a court judgment or allegation of patent
+infringement or for any other reason (not limited to patent issues),
+conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot
+distribute so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you
+may not distribute the Program at all.  For example, if a patent
+license would not permit royalty-free redistribution of the Program by
+all those who receive copies directly or indirectly through you, then
+the only way you could satisfy both it and this License would be to
+refrain entirely from distribution of the Program.
+
+If any portion of this section is held invalid or unenforceable under
+any particular circumstance, the balance of the section is intended to
+apply and the section as a whole is intended to apply in other
+circumstances.
+
+It is not the purpose of this section to induce you to infringe any
+patents or other property right claims or to contest validity of any
+such claims; this section has the sole purpose of protecting the
+integrity of the free software distribution system, which is
+implemented by public license practices.  Many people have made
+generous contributions to the wide range of software distributed
+through that system in reliance on consistent application of that
+system; it is up to the author/donor to decide if he or she is willing
+to distribute software through any other system and a licensee cannot
+impose that choice.
+
+This section is intended to make thoroughly clear what is believed to
+be a consequence of the rest of this License.
+
+  8. If the distribution and/or use of the Program is restricted in
+certain countries either by patents or by copyrighted interfaces, the
+original copyright holder who places the Program under this License
+may add an explicit geographical distribution limitation excluding
+those countries, so that distribution is permitted only in or among
+countries not thus excluded.  In such case, this License incorporates
+the limitation as if written in the body of this License.
+
+  9. The Free Software Foundation may publish revised and/or new versions
+of the General Public License from time to time.  Such new versions will
+be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+Each version is given a distinguishing version number.  If the Program
+specifies a version number of this License which applies to it and "any
+later version", you have the option of following the terms and conditions
+either of that version or of any later version published by the Free
+Software Foundation.  If the Program does not specify a version number of
+this License, you may choose any version ever published by the Free Software
+Foundation.
+
+  10. If you wish to incorporate parts of the Program into other free
+programs whose distribution conditions are different, write to the author
+to ask for permission.  For software which is copyrighted by the Free
+Software Foundation, write to the Free Software Foundation; we sometimes
+make exceptions for this.  Our decision will be guided by the two goals
+of preserving the free status of all derivatives of our free software and
+of promoting the sharing and reuse of software generally.
+
+			    NO WARRANTY
+
+  11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
+FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW.  EXCEPT WHEN
+OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
+PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
+OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE.  THE ENTIRE RISK AS
+TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU.  SHOULD THE
+PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
+REPAIR OR CORRECTION.
+
+  12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
+REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
+INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
+OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
+TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
+YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
+PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
+POSSIBILITY OF SUCH DAMAGES.
+
+		     END OF TERMS AND CONDITIONS
+

app/themes/hcf/no-results.php

@@ -0,0 +1,26 @@
+
+
+	<article id="post-0" class="post no-results not-found">
+		<header class="entry-header">
+			<h1 class="entry-title"><?php _e( 'Nothing Found', 'foto' ); ?></h1>
+		</header><!-- .entry-header -->
+
+		<div class="entry-content">
+			<?php if ( is_home() ) { ?>
+
+				<p><?php printf( __( 'Ready to publish your first post? <a href="%1$s">Get started here</a>.', 'foto' ), admin_url( 'post-new.php' ) ); ?></p>
+
+			<?php } elseif ( is_search() ) { ?>
+
+				<p><?php _e( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'foto' ); ?></p>
+				<?php get_search_form(); ?>
+
+			<?php } else { ?>
+
+				<p><?php _e( 'It seems we can&rsquo;t find what you&rsquo;re looking for. Perhaps searching can help.', 'foto' ); ?></p>
+				<?php get_search_form(); ?>
+
+			<?php } ?>
+		</div><!-- .entry-content -->
+
+	</article><!-- #post-0 -->

app/themes/hcf/page-fullwidth.php

@@ -0,0 +1,15 @@
+<?php get_header(); ?>
+	
+	<section id="content" class="site-content" role="main">
+		
+		<?php while ( have_posts() ) : the_post(); ?>
+
+			<?php get_template_part( 'content', 'page' ); ?>
+
+			<?php comments_template( '', true ); ?>
+
+		<?php endwhile; // end of the loop. ?>
+		
+	</section><!-- end #content .site-content -->
+	
+<?php get_footer(); ?>

app/themes/hcf/page.php

@@ -0,0 +1,24 @@
+<?php get_header(); ?>
+		
+		<?php do_action( 'foto_before_content_page' ); ?>
+		
+		<section id="content" class="site-content col-18" role="main">
+			
+			<?php do_action( 'foto_before_article_page' ); ?>
+			
+			<?php while ( have_posts() ) : the_post(); ?>
+
+				<?php get_template_part( 'content', 'page' ); ?>
+
+				<?php comments_template( '', true ); ?>
+
+			<?php endwhile; // end of the loop. ?>
+			
+			<?php do_action( 'foto_after_article_page' ); ?>
+			
+		</section><!-- end #content .site-content -->
+		
+		<?php do_action( 'foto_after_content_page' ); ?>
+		
+<?php get_sidebar(); ?>
+<?php get_footer(); ?>

app/themes/hcf/search.php

@@ -0,0 +1,25 @@
+<?php get_header(); ?>
+
+		<section id="content" class="site-content" role="main">
+
+			<?php if ( have_posts() ) : ?>
+
+				<?php foto_content_nav( 'nav-above' ); ?>
+
+				<?php while ( have_posts() ) : the_post(); ?>
+
+					<?php get_template_part( 'content', 'search' ); ?>
+
+				<?php endwhile; ?>
+
+				<?php foto_content_nav( 'nav-below' ); ?>
+
+			<?php else : ?>
+
+				<?php get_template_part( 'no-results', 'search' ); ?>
+
+			<?php endif; ?>
+
+		</section><!-- end #content .site-content -->
+
+<?php get_footer(); ?>

app/themes/hcf/searchform.php

@@ -0,0 +1,7 @@
+
+
+<form method="get" id="searchform" class="col-6 last" action="<?php echo esc_url( home_url( '/' ) ); ?>" role="search">
+	<label for="s" class="assistive-text"><?php _e( 'Search', 'foto' ); ?></label>
+	<input type="text" class="field" name="s" id="s" placeholder="<?php esc_attr_e( 'Search &hellip;', 'foto' ); ?>">
+	<input type="submit" class="submit" name="submit" id="searchsubmit" value="<?php esc_attr_e( 'Search', 'foto' ); ?>">
+</form><!-- end #searchform -->

app/themes/hcf/sidebar-footer.php

@@ -0,0 +1,20 @@
+
+
+	<footer id="colophon" class="site-footer clearfix" role="contentinfo">
+		
+		<div class="footer-1 col-8">
+			<?php if ( ! dynamic_sidebar( 'Footer Left Widget' ) ) : ?>
+			<?php endif; ?>
+		</div><!-- end .footer-1 -->
+		
+		<div class="footer-2 col-8">
+			<?php if ( ! dynamic_sidebar( 'Footer Center Widget' ) ) : ?>
+			<?php endif; ?>
+		</div><!-- end .footer-2 -->
+		
+		<div class="footer-3 col-8 last">
+			<?php if ( ! dynamic_sidebar( 'Footer Right Widget' ) ) : ?>
+			<?php endif; ?>
+		</div><!-- end .footer-3 -->
+		
+	</footer><!-- end #colophon .site-footer -->

app/themes/hcf/sidebar.php

@@ -0,0 +1,8 @@
+
+	<aside id="sidebar" class="widget-area col-6 last" role="complementary">
+		<?php do_action( 'before_sidebar' ); ?>
+		
+		<?php if ( ! dynamic_sidebar( 'Page Widget' ) ) : ?>
+		<?php endif; // end sidebar widget area ?>
+		
+	</aside><!-- #sidebar .widget-area -->

app/themes/hcf/single.php

@@ -0,0 +1,22 @@
+<?php get_header(); ?>
+		
+		<?php do_action( 'foto_before_content_singular' ); ?>
+		
+		<section id="content" class="site-content" role="main">
+			
+			<?php do_action( 'foto_before_article_singular' ); ?>
+			
+			<?php while ( have_posts() ) : the_post(); ?>
+				
+				<?php foto_setPostViews(get_the_ID()); ?>
+				<?php get_template_part( 'content', 'single' ); ?>
+
+			<?php endwhile; // end of the loop. ?>
+			
+			<?php do_action( 'foto_after_article_singular' ); ?>
+			
+		</section><!-- end #content .site-content -->
+		
+		<?php do_action( 'foto_after_content_singular' ); ?>
+		
+<?php get_footer(); ?>

app/themes/hcf/style.css

@@ -0,0 +1,2872 @@
+/*
+Theme Name:	HCF 
+Theme URI:  http://
+Version: 0.1
+
+License: GNU General Public License v2
+License URI: http://www.gnu.org/licenses/gpl-2.0.html
+
+
+/* =============================================================================
+- Reset Stylesheet
+============================================================================= */
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font: inherit;
+  vertical-align: baseline;
+}
+
+article, aside, details, figcaption, figure, footer,
+header, hgroup, nav, section, summary {
+  display: block;
+}
+
+audio, canvas, video {
+  display: -moz-inline-stack;
+  -moz-box-orient: vertical;
+  display: inline-block;
+  *display: inline;
+  vertical-align: top;
+  *zoom: 1;
+}
+
+audio:not([controls]),
+[hidden] {
+  display: none;
+}
+
+a:focus {
+  outline: thin dotted #333333;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+
+nav ul,
+nav ol {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+img {
+  border: 0;
+  max-width: 100%;
+  -ms-interpolation-mode: bicubic;
+  vertical-align: middle;
+}
+
+svg:not(:root) {
+  overflow: hidden;
+}
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
+input[type="radio"] {
+  vertical-align: text-bottom;
+}
+
+input[type="checkbox"] {
+  vertical-align: text-bottom;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+/* =============================================================================
+- Base
+============================================================================= */
+* html {
+  font-size: 87.5%;
+}
+
+html {
+  font-size: 14px;
+  line-height: 1.5em;
+  overflow-y: scroll;
+  /* Keeps page centred in all browsers regardless of content height */
+  -ms-text-size-adjust: 100%;
+  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
+  -webkit-text-size-adjust: 100%;
+  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
+  -webkit-font-smoothing: antialiased;
+  /* http://maxvoltar.com/archive/-Webkit-font-smoothing */
+}
+
+body {
+  background: white;
+  color: #b1b1b1;
+  font-family: "Lato", sans-serif;
+  font-weight: 400;
+  text-rendering: optimizeLegibility;
+  /* http://aestheticallyloyal.com/public/optimize-legibility/ */
+}
+
+/* 	SELECTION
+	----------------- */
+::-moz-selection {
+  background: #00baff;
+  color: white;
+  text-shadow: none;
+}
+
+::selection {
+  background: #00baff;
+  color: white;
+  text-shadow: none;
+}
+
+/* 	LINKS
+	----------------- */
+a {
+  color: #00baff;
+  text-decoration: none;
+}
+a:hover {
+  color: #0095cc;
+  text-decoration: underline;
+}
+a:visited, a:active {
+  color: #00a7e6;
+}
+
+/* =============================================================================
+- Grid System
+============================================================================= */
+/* 	GRID LAYOUT - 24 column grid
+	24 columns
+	20px Gutter
+	20px Column width
+	----------------- */
+.container {
+  margin: 0 auto 40px;
+  *zoom: 1;
+  width: 940px;
+}
+.container:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-20, .col-21, .col-22, .col-23, .col-24 {
+  display: inline;
+  float: left;
+  margin-right: 20px;
+}
+* html .col-1, * html .col-2, * html .col-3, * html .col-4, * html .col-5, * html .col-6, * html .col-7, * html .col-8, * html .col-9, * html .col-10, * html .col-11, * html .col-12, * html .col-13, * html .col-14, * html .col-15, * html .col-16, * html .col-17, * html .col-18, * html .col-19, * html .col-20, * html .col-21, * html .col-22, * html .col-23, * html .col-24 {
+  overflow-x: hidden;
+}
+
+.col-1 {
+  width: 20px;
+}
+
+.col-2 {
+  width: 60px;
+}
+
+.col-3 {
+  width: 100px;
+}
+
+.col-4 {
+  width: 140px;
+}
+
+.col-5 {
+  width: 180px;
+}
+
+.col-6 {
+  width: 220px;
+}
+
+.col-7 {
+  width: 260px;
+}
+
+.col-8 {
+  width: 300px;
+}
+
+.col-9 {
+  width: 340px;
+}
+
+.col-10 {
+  width: 380px;
+}
+
+.col-11 {
+  width: 420px;
+}
+
+.col-12 {
+  width: 460px;
+}
+
+.col-13 {
+  width: 500px;
+}
+
+.col-14 {
+  width: 540px;
+}
+
+.col-15 {
+  width: 580px;
+}
+
+.col-16 {
+  width: 620px;
+}
+
+.col-17 {
+  width: 660px;
+}
+
+.col-18 {
+  width: 700px;
+}
+
+.col-19 {
+  width: 740px;
+}
+
+.col-20 {
+  width: 780px;
+}
+
+.col-21 {
+  width: 820px;
+}
+
+.col-22 {
+  width: 860px;
+}
+
+.col-23 {
+  width: 900px;
+}
+
+.col-24 {
+  width: 940px;
+  margin-right: 0;
+}
+
+/* =============================================================================
+- Typography
+============================================================================= */
+/* 	HEADING
+	----------------- */
+h1, h2, h3, h4, h5, h6 {
+  font-family: "Oswald", sans-serif;
+  font-weight: 300;
+}
+
+/* 	TEXT ELEMENT
+	----------------- */
+p {
+  margin: 0 0 1.5em;
+}
+
+i,
+em {
+  font-style: italic;
+  font-family: "Lato", sans-serif;
+  font-weight: 400;
+  font-style: italic;
+}
+
+b,
+strong {
+  font-weight: bold;
+  font-family: "Lato", sans-serif;
+  font-weight: 700;
+}
+
+small {
+  font-size: 85%;
+}
+
+cite {
+  font-style: normal;
+}
+
+dfn {
+  font-style: italic;
+  font-weight: bold;
+  font-family: "Lato", sans-serif;
+  font-weight: 700;
+}
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+}
+
+sup {
+  top: -0.5em;
+  vertical-align: sub;
+}
+
+sub {
+  bottom: -0.25em;
+  vertical-align: super;
+}
+
+abbr,
+acronym {
+  font-size: 90%;
+  text-transform: uppercase;
+  border-bottom: 1px dotted #dddddd;
+  cursor: help;
+}
+
+del {
+  color: #aaaaaa;
+  text-decoration: line-through;
+  vertical-align: baseline;
+}
+
+pre {
+  background: #ffff99;
+  border-bottom: 1px solid #ffff22;
+  border-top: 1px solid #ffff22;
+  color: #990;
+  margin: 1.5em 0;
+  padding: 0.75em 0.45em;
+  white-space: pre;
+  white-space: pre-wrap;
+  white-space: pre-line;
+  white-space: -pre-wrap;
+  white-space: -o-pre-wrap;
+  white-space: -moz-pre-wrap;
+  white-space: -hp-pre-wrap;
+  word-wrap: break-word;
+}
+
+code {
+  background: #ffff99;
+  color: #990;
+  font-size: 11px;
+  line-height: 1.2em;
+  padding: 0.3em;
+}
+
+pre,
+code,
+kbd,
+samp,
+tt {
+  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
+}
+
+ins {
+  text-decoration: underline;
+}
+
+mark {
+  background: #ff0;
+  color: #990;
+  font-size: 11px;
+}
+
+/* 	BLOCKQUOTE
+	----------------- */
+blockquote {
+  border-left: 3px solid #eeeeee;
+  color: #cccccc;
+  font-style: italic;
+  font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
+  margin: 1em 40px;
+  padding-left: 1.35em;
+}
+blockquote em,
+blockquote i,
+blockquote cite {
+  font-style: normal;
+}
+
+q:before,
+q:after,
+blockquote:before,
+blockquote:after {
+  content: "";
+}
+
+address {
+  display: block;
+  margin: 0 0 1.5em;
+  font-style: italic;
+  font-family: "Lato", sans-serif;
+  font-weight: 400;
+  font-style: italic;
+}
+
+/* 	LISTS
+	----------------- */
+ul,
+ol {
+  margin: 1em 0;
+  padding: 0 0 0 2.25em;
+}
+
+ul {
+  list-style: circle;
+}
+
+ol {
+  list-style-type: decimal;
+}
+
+ol ol {
+  list-style: upper-alpha;
+}
+
+ol ol ol {
+  list-style: lower-roman;
+}
+
+ol ol ol ol {
+  list-style: lower-alpha;
+}
+
+li ul,
+li ol {
+  margin: 0;
+}
+
+dl {
+  margin: 0 1.625em;
+}
+
+dt {
+  font-weight: bold;
+  font-family: "Lato", sans-serif;
+  font-weight: 700;
+}
+
+dd {
+  margin-bottom: 1.625em;
+}
+
+/* =============================================================================
+- Form
+============================================================================= */
+/* 	BASE FORM STYLES
+	----------------- */
+label {
+  font-weight: bold;
+  font-size: 12px;
+  font-family: "Lato", sans-serif;
+  font-weight: 700;
+}
+
+fieldset {
+  border: 1px solid #dddddd;
+  font-size: 12px;
+  line-height: 1.3em;
+  margin: 0 0 1.5em;
+  padding: 0 1.4em 1.4em 1.4em;
+}
+
+legend {
+  background: whitesmoke;
+  border: 1px solid #dddddd;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  font-weight: bold;
+  font-family: "Lato", sans-serif;
+  font-weight: 700;
+  display: block;
+  left: 0;
+  margin: 0;
+  padding: 0.3em 1.2em;
+  position: relative;
+  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
+  top: 0;
+}
+
+fieldset {
+  padding-top: 1.4em;
+}
+
+legend {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+/* 	INPUT WIDTH
+	----------------- */
+.input-tiny {
+  width: 50px;
+}
+
+.input-small {
+  width: 100px;
+}
+
+.input-medium {
+  width: 150px;
+}
+
+.input-large {
+  width: 200px;
+}
+
+.input-xlarge {
+  width: 250px;
+}
+
+.input-xxlarge {
+  width: 300px;
+}
+
+.input-xxxlarge {
+  width: 350px;
+}
+
+.input-full {
+  width: 100%;
+}
+
+.input_full_wrap {
+  display: block;
+  padding-right: 8px;
+}
+
+/* 	UI Consistency
+	----------------- */
+input[type="search"]::-webkit-search-decoration {
+  display: none;
+}
+
+button:invalid,
+select:invalid {
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+
+input,
+textarea {
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  -webkit-transition: all 0.2s linear;
+  -webkit-transition-delay: 0s;
+  -moz-transition: all 0.2s linear 0s;
+  -o-transition: all 0.2s linear 0s;
+  transition: all 0.2s linear 0s;
+}
+input:invalid,
+textarea:invalid {
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+
+input[type="file"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus,
+select:focus,
+button:focus,
+input[type="reset"]:focus,
+input[type="submit"]:focus,
+input[type="button"]:focus {
+  outline: thin dotted #333333;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+
+input[type="file"]:focus, input[type="file"]:active,
+input[type="radio"]:focus,
+input[type="radio"]:active,
+input[type="checkbox"]:focus,
+input[type="checkbox"]:active {
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+
+button,
+input[type="reset"],
+input[type="submit"],
+input[type="button"] {
+  -webkit-appearance: none;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  -webkit-background-clip: padding;
+  -moz-background-clip: padding;
+  background-clip: padding-box;
+  background: #f2f2f2 url('img/button.png') repeat-x;
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
+  background-image: -webkit-linear-gradient(#ffffff, #f2f2f2);
+  background-image: -moz-linear-gradient(#ffffff, #f2f2f2);
+  background-image: -o-linear-gradient(#ffffff, #f2f2f2);
+  background-image: linear-gradient(#ffffff, #f2f2f2);
+  border: 1px solid #e6e6e6;
+  cursor: pointer;
+  color: #333333;
+  font: bold 12px/1.3 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
+  outline: 0;
+  overflow: visible;
+  margin: 0;
+  padding: 3px 10px;
+  *padding-top: 2px;
+  *padding-bottom: 0;
+  text-shadow: white 0 1px 1px;
+  -webkit-transition: none;
+  -moz-transition: none;
+  -o-transition: none;
+  transition: none;
+  vertical-align: top;
+  width: auto;
+}
+button:hover,
+input[type="reset"]:hover,
+input[type="submit"]:hover,
+input[type="button"]:hover {
+  background: #f4f4f4;
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(100%, #ffffff));
+  background-image: -webkit-linear-gradient(#f2f2f2, #ffffff);
+  background-image: -moz-linear-gradient(#f2f2f2, #ffffff);
+  background-image: -o-linear-gradient(#f2f2f2, #ffffff);
+  background-image: linear-gradient(#f2f2f2, #ffffff);
+}
+button:active,
+input[type="reset"]:active,
+input[type="submit"]:active,
+input[type="button"]:active {
+  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.15);
+  outline: 0;
+}
+button::-moz-focus-inner,
+input[type="reset"]::-moz-focus-inner,
+input[type="submit"]::-moz-focus-inner,
+input[type="button"]::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
+button {
+  *padding-top: 1px;
+  *padding-bottom: 1px;
+}
+
+textarea,
+select,
+input[type="date"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="email"],
+input[type="month"],
+input[type="number"],
+input[type="password"],
+input[type="search"],
+input[type="tel"],
+input[type="text"],
+input[type="time"],
+input[type="url"],
+input[type="week"] {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  -webkit-background-clip: padding;
+  -moz-background-clip: padding;
+  background-clip: padding-box;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -webkit-appearance: none;
+  background-color: white;
+  border: 1px solid #cccccc;
+  color: black;
+  outline: 0;
+  margin: 0;
+  padding: 3px 4px;
+  text-align: left;
+  font-size: 13px;
+  font-family: Arial, "Liberation Sans", FreeSans, sans-serif;
+  height: 2.2em;
+  vertical-align: top;
+  *padding-top: 2px;
+  *padding-bottom: 1px;
+  *height: auto;
+}
+textarea[disabled],
+select[disabled],
+input[type="date"][disabled],
+input[type="datetime"][disabled],
+input[type="datetime-local"][disabled],
+input[type="email"][disabled],
+input[type="month"][disabled],
+input[type="number"][disabled],
+input[type="password"][disabled],
+input[type="search"][disabled],
+input[type="tel"][disabled],
+input[type="text"][disabled],
+input[type="time"][disabled],
+input[type="url"][disabled],
+input[type="week"][disabled] {
+  background-color: #eeeeee;
+}
+textarea:focus,
+select:focus,
+input[type="date"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="email"]:focus,
+input[type="month"]:focus,
+input[type="number"]:focus,
+input[type="password"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="text"]:focus,
+input[type="time"]:focus,
+input[type="url"]:focus,
+input[type="week"]:focus {
+  border-color: rgba(82, 168, 236, 0.8);
+  outline: 0;
+  outline: thin dotted \9;
+  /* IE6-9 */
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+}
+
+button[disabled],
+input[disabled],
+select[disabled],
+select[disabled] option,
+select[disabled] optgroup,
+textarea[disabled] {
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  -moz-user-select: -moz-none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  user-select: none;
+  color: #888888;
+  cursor: default;
+}
+
+input::-webkit-input-placeholder,
+textarea::-webkit-input-placeholder {
+  color: #888888;
+}
+
+input:-moz-placeholder,
+textarea:-moz-placeholder {
+  color: #888888;
+}
+
+input.placeholder_text,
+textarea.placeholder_text {
+  color: #888888;
+}
+
+textarea,
+select[size],
+select[multiple] {
+  height: auto;
+}
+
+select[size="0"],
+select[size="1"] {
+  height: 1.8em;
+  *height: auto;
+}
+
+@media (-webkit-min-device-pixel-ratio: 0) {
+  select[size],
+  select[multiple],
+  select[multiple][size] {
+    background-image: none;
+    padding-right: 3px;
+  }
+
+  select,
+  select[size="0"],
+  select[size="1"] {
+    background-image: url('img/select_arrow.gif');
+    background-repeat: no-repeat;
+    background-position: right center;
+    padding-right: 20px;
+  }
+
+  ::-webkit-validation-bubble-message {
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black));
+    border: 1px solid;
+    border-color: #747474 #5e5e5e #4f4f4f;
+    color: white;
+    font: 13px/17px "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif;
+    overflow: hidden;
+    padding: 15px 15px 17px;
+    text-shadow: black 0 0 1px;
+    height: 16px;
+  }
+
+  ::-webkit-validation-bubble-arrow,
+  ::-webkit-validation-bubble-top-outer-arrow,
+  ::-webkit-validation-bubble-top-inner-arrow {
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    background: #666666;
+    border: 0;
+  }
+}
+textarea {
+  min-height: 40px;
+  overflow: auto;
+  padding: 5px;
+  resize: vertical;
+  width: 100%;
+}
+
+optgroup {
+  color: black;
+  font-style: normal;
+  font-weight: normal;
+  font-family: Arial, "Liberation Sans", FreeSans, sans-serif;
+}
+optgroup::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
+/* =============================================================================
+- Table
+============================================================================= */
+/* 	STANDARD TABLE
+	----------------- */
+table {
+  font-size: 12px;
+  line-height: 1.3em;
+  width: 100%;
+}
+
+table,
+td {
+  border: 1px solid #e8e8e8;
+  border-collapse: collapse;
+  margin: 1.5em 0;
+  padding: 5px 10px;
+}
+
+th {
+  background-color: #e8e8e8;
+  border-right: 1px solid #e0e0e0;
+  color: #666;
+  margin: 5px 0 10px;
+  padding: 5px 10px;
+  text-transform: uppercase;
+  text-align: left;
+}
+
+table button,
+table input {
+  *overflow: auto;
+}
+
+/* 	STRIPE TABLE
+	----------------- */
+table.striped tr:nth-child(odd) {
+  background-color: #f9f9f9;
+}
+
+/* =============================================================================
+- Images
+============================================================================= */
+/* 	BASE IMAGES STYLES
+	----------------- */
+.entry-content img,
+.comment-content img,
+.widget img {
+  max-width: 100%;
+  /* Fluid images for posts, comments, and widgets */
+}
+
+img[class*="align"],
+img[class*="wp-image-"],
+img[class*="attachment-"] {
+  height: auto;
+  /* Make sure images with WordPress-added height and width attributes are scaled correctly */
+}
+
+img.size-full,
+img.size-large {
+  max-width: 97.5%;
+  height: auto;
+  /* Make sure images with WordPress-added height and width attributes are scaled correctly */
+}
+
+img.wp-smiley {
+  border: none;
+  margin-bottom: 0;
+  margin-top: 0;
+  padding: 0;
+}
+
+img.alignleft,
+img.alignright,
+img.aligncenter {
+  margin-top: 10px;
+}
+
+/* 	CAPTION
+	----------------- */
+p img,
+.wp-caption {
+  margin-top: 8px;
+}
+
+.wp-caption {
+  background: whitesmoke;
+  max-width: 96%;
+  padding: 15px 10px 10px;
+  -webkit-transition: all 0.15s ease-in-out;
+  -webkit-transition-delay: 0s;
+  -moz-transition: all 0.15s ease-in-out 0s;
+  -o-transition: all 0.15s ease-in-out 0s;
+  transition: all 0.15s ease-in-out 0s;
+}
+.wp-caption img {
+  display: block;
+  margin: 0 auto;
+  max-width: 98%;
+}
+.wp-caption:hover {
+  background: #eeeeee;
+}
+.wp-caption .wp-caption-text {
+  color: #b1b1b1;
+  font-size: 12px;
+  margin: 0;
+  padding: 15px 0 5px 40px;
+  position: relative;
+}
+.wp-caption .wp-caption-text:before {
+  content: '\2014';
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  font-family: "Lato", sans-serif;
+  font-weight: 700;
+  margin-right: 5px;
+  position: absolute;
+  left: 10px;
+  top: 17px;
+}
+
+.gallery-caption {
+  color: #cccccc;
+  font-size: 12px;
+}
+
+/* 	GALLERY
+	----------------- */
+.gallery {
+  margin: auto;
+  overflow: hidden;
+  width: 100%;
+}
+.gallery .gallery-item {
+  display: inline;
+  float: left;
+  margin-bottom: 10px;
+  text-align: center;
+}
+.gallery .gallery-caption {
+  background: #f7f7f7;
+  border: 1px solid #e6e6e6;
+  clear: both;
+  color: #888;
+  display: block;
+  font-size: 12px;
+  margin: 10px 0;
+  padding: 5px 3px;
+  text-align: center;
+  width: 100%;
+}
+.gallery dl {
+  margin: 0;
+}
+.gallery img {
+  border: 1px solid #e0e0e0;
+}
+.gallery a:hover img {
+  border-color: #cccccc;
+}
+.gallery br {
+  clear: both;
+}
+.gallery br + br {
+  display: none;
+}
+
+.gallery-columns-1 .gallery-item {
+  width: 100%;
+}
+
+.gallery-columns-2 .gallery-item {
+  width: 50%;
+}
+
+.gallery-columns-3 .gallery-item {
+  width: 33.333%;
+}
+
+.gallery-columns-4 .gallery-item {
+  margin-right: 2%;
+  width: 23%;
+}
+
+.gallery-columns-5 .gallery-item {
+  margin-right: 2%;
+  width: 18%;
+}
+
+.gallery-columns-6 .gallery-item {
+  margin-right: 2%;
+  width: 14.666%;
+}
+
+.gallery-columns-7 .gallery-item {
+  margin-right: 2%;
+  width: 12.285%;
+}
+
+.gallery-columns-8 .gallery-item {
+  margin-right: 2%;
+  width: 10.5%;
+}
+
+.gallery-columns-9 .gallery-item {
+  margin-right: 2%;
+  width: 9.111%;
+}
+
+/* 	ATTACHMENT
+	----------------- */
+embed,
+iframe,
+object {
+  max-width: 100%;
+  width: 100%;
+}
+
+/* =============================================================================
+- Header
+============================================================================= */
+.site-header {
+  border-bottom: 4px double #eeeeee;
+  margin: 40px 0 20px;
+  padding-bottom: 20px;
+}
+
+.site-branding .site-title {
+  font-family: "Lato", sans-serif;
+  font-weight: 700;
+  font-size: 48px;
+  letter-spacing: -2px;
+  line-height: 1em;
+}
+.site-branding .site-title a {
+  color: #f0eff1;
+  text-shadow: #dbdbdb 0 -1px 0;
+}
+.site-branding .site-title a:hover {
+  text-decoration: none;
+}
+.site-branding .site-tagline {
+  font-size: 14px;
+  font-family: "Oswald", sans-serif;
+  font-weight: 300;
+  text-transform: uppercase;
+}
+.site-branding .site-logo {
+  position: relative;
+}
+.site-branding .site-logo a {
+  display: block;
+}
+.site-branding .site-logo span {
+  text-indent: 110%;
+  white-space: nowrap;
+  overflow: hidden;
+  left: 0;
+  position: absolute;
+  top: 0;
+}
+
+.header-right-area {
+  text-align: right;
+}
+
+.site-social {
+  padding-top: 20px;
+}
+.site-social span {
+  display: -moz-inline-stack;
+  -moz-box-orient: vertical;
+  display: inline-block;
+  *display: inline;
+  vertical-align: top;
+  *zoom: 1;
+  margin-right: 10px;
+}
+.site-social span a {
+  height: 26px;
+  display: -moz-inline-stack;
+  -moz-box-orient: vertical;
+  display: inline-block;
+  *display: inline;
+  vertical-align: top;
+  *zoom: 1;
+  text-indent: 110%;
+  white-space: nowrap;
+  overflow: hidden;
+  -webkit-transition-property: all;
+  -moz-transition-property: all;
+  -o-transition-property: all;
+  transition-property: all;
+  -webkit-transition-duration: 0.25s;
+  -moz-transition-duration: 0.25s;
+  -o-transition-duration: 0.25s;
+  transition-duration: 0.25s;
+  -webkit-transition-timing-function: ease-in-out;
+  -moz-transition-timing-function: ease-in-out;
+  -o-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+  -webkit-transition-delay: 0s;
+  -moz-transition-delay: 0s;
+  -o-transition-delay: 0s;
+  transition-delay: 0s;
+  width: 26px;
+}
+.site-social span.feed a {
+  background: url('img/sprite-icons.png') no-repeat -9px -13px;
+}
+.site-social span.feed a:hover {
+  background: url('img/sprite-icons.png') no-repeat -9px -46px;
+}
+.site-social span.gplus a {
+  background: url('img/sprite-icons.png') no-repeat -48px -13px;
+}
+.site-social span.gplus a:hover {
+  background: url('img/sprite-icons.png') no-repeat -48px -46px;
+}
+.site-social span.fb {
+  margin-right: 5px;
+}
+.site-social span.fb a {
+  background: url('img/sprite-icons.png') no-repeat -89px -13px;
+}
+.site-social span.fb a:hover {
+  background: url('img/sprite-icons.png') no-repeat -89px -45px;
+}
+.site-social span.tw {
+  margin-right: 0;
+}
+.site-social span.tw a {
+  background: url('img/sprite-icons.png') no-repeat -123px -14px;
+  height: 24px;
+  width: 32px;
+}
+.site-social span.tw a:hover {
+  background: url('img/sprite-icons.png') no-repeat -123px -45px;
+}
+
+#searchform {
+  padding-top: 20px;
+  position: relative;
+}
+#searchform input[type="text"] {
+  border: none;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1);
+  -moz-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1);
+  color: #b1b1b1;
+  font-family: "Oswald", sans-serif;
+  font-weight: 300;
+  height: 30px;
+  width: 100%;
+}
+#searchform input[type="submit"] {
+  font-size: 12px;
+  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
+  font-weight: normal;
+  height: 24px;
+  letter-spacing: -1px;
+  padding: 4px 14px;
+  position: absolute;
+  right: 3px;
+  top: 23px;
+}
+#searchform input[type="submit"]:focus {
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+
+/* =============================================================================
+- Main styles
+============================================================================= */
+/* 	BIG TEXT ON HEADER
+	----------------- */
+.header-text {
+  background: url('img/separator.png') no-repeat center bottom;
+  margin-bottom: 40px;
+  overflow: hidden;
+  padding-bottom: 45px;
+  text-align: center;
+}
+.header-text .page-title,
+.header-text .entry-title {
+  font-family: "Oswald", sans-serif;
+  font-weight: 300;
+  font-size: 30px;
+  line-height: 1.2em;
+  float: none;
+  display: block;
+  margin: auto;
+}
+.header-text .entry-title a {
+  color: #b1b1b1;
+}
+.header-text .entry-title a:hover {
+  text-decoration: none;
+}
+
+/* 	FEATURED
+	----------------- */
+.site-featured-content {
+  margin-bottom: 40px;
+}
+.site-featured-content .featured-slider {
+  background: url('img/shadow-slider.png') no-repeat bottom center;
+}
+.site-featured-content .rslides .entry-image {
+  position: relative;
+}
+.site-featured-content .rslides .entry-title {
+  background: black;
+  bottom: 0;
+  color: white;
+  padding: 10px;
+  position: absolute;
+}
+
+/* 	MAIN CONTENT
+	----------------- */
+#main {
+  margin-bottom: 40px;
+}
+
+.home-content {
+  margin-bottom: 50px;
+  -webkit-transition: all 0.2s ease-in-out;
+  -webkit-transition-delay: 0s;
+  -moz-transition: all 0.2s ease-in-out 0s;
+  -o-transition: all 0.2s ease-in-out 0s;
+  transition: all 0.2s ease-in-out 0s;
+  position: relative;
+}
+.home-content:nth-of-type(4n+4) {
+  margin-right: 0;
+}
+.home-content:hover {
+  -webkit-transform: scale(1.1, 1.1);
+  -moz-transform: scale(1.1, 1.1);
+  -ms-transform: scale(1.1, 1.1);
+  -o-transform: scale(1.1, 1.1);
+  transform: scale(1.1, 1.1);
+}
+.home-content:hover .entry-title a,
+.home-content:hover .entry-title a:visited {
+  color: #00baff;
+}
+.home-content .entry-thumbnail img {
+  display: block;
+}
+.home-content .entry-detail {
+  background: white;
+  border: 1px solid #eeeeee;
+  -webkit-border-radius: 0 0 3px 3px;
+  -moz-border-radius: 0 0 3px 3px;
+  border-radius: 0 0 3px 3px;
+  padding: 10px;
+  position: relative;
+}
+.home-content .entry-detail:after, .home-content .entry-detail:before {
+  border: 1px solid #eeeeee;
+  border-top: medium none;
+  bottom: -3px;
+  content: "";
+  height: 1px;
+  left: 2px;
+  position: absolute;
+  right: 2px;
+}
+.home-content .entry-detail:after {
+  bottom: -5px;
+  left: 3px;
+  right: 3px;
+}
+.home-content .entry-title {
+  font-size: 18px;
+  margin-bottom: 10px;
+  white-space: nowrap;
+  overflow: hidden;
+  -ms-text-overflow: ellipsis;
+  -o-text-overflow: ellipsis;
+  text-overflow: ellipsis;
+}
+.home-content .entry-title a,
+.home-content .entry-title a:visited {
+  color: #b1b1b1;
+}
+.home-content .entry-title a:hover,
+.home-content .entry-title a:visited:hover {
+  color: #00baff;
+  text-decoration: none;
+}
+.home-content .entry-meta {
+  font-size: 12px;
+}
+.home-content .entry-meta a {
+  color: #b1b1b1;
+  display: -moz-inline-stack;
+  -moz-box-orient: vertical;
+  display: inline-block;
+  *display: inline;
+  vertical-align: top;
+  *zoom: 1;
+}
+.home-content .entry-meta a:hover {
+  text-decoration: none;
+}
+.home-content .entry-meta .entry-comment {
+  background: url('img/sprite-icons.png') no-repeat -183px -16px;
+  margin-right: 10px;
+  padding-left: 18px;
+}
+.home-content .entry-meta .entry-comment:hover {
+  background: url('img/sprite-icons.png') no-repeat -183px -37px;
+}
+.home-content .entry-meta .entry-view {
+  background: url('img/sprite-icons.png') no-repeat -228px -16px;
+  padding-left: 18px;
+}
+.home-content .entry-meta .entry-view:hover {
+  background: url('img/sprite-icons.png') no-repeat -229px -35px;
+}
+.home-content .entry-meta .entry-permalink {
+  background: url('img/sprite-icons.png') no-repeat -179px -83px;
+  text-indent: 110%;
+  white-space: nowrap;
+  overflow: hidden;
+  display: inline;
+  float: right;
+  width: 16px;
+}
+.home-content .entry-meta .entry-permalink:hover {
+  background: url('img/sprite-icons.png') no-repeat -211px -82px;
+}
+
+.primary {
+  display: inline;
+  float: right;
+}
+.primary .entry-thumbnail {
+  margin-bottom: 20px;
+  -webkit-transition: all 0.2s ease-in-out;
+  -webkit-transition-delay: 0s;
+  -moz-transition: all 0.2s ease-in-out 0s;
+  -o-transition: all 0.2s ease-in-out 0s;
+  transition: all 0.2s ease-in-out 0s;
+}
+.primary .entry-thumbnail a {
+  display: block;
+  position: relative;
+}
+.primary .entry-thumbnail a:hover > .pop-up {
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+.primary .entry-thumbnail:hover {
+  opacity: 0.4;
+  filter: alpha(opacity=40);
+}
+.primary .entry-thumbnail .pop-up {
+  background: url('img/zoom.png') no-repeat center center;
+  display: block;
+  height: 60px;
+  left: 45%;
+  text-indent: 110%;
+  white-space: nowrap;
+  overflow: hidden;
+  opacity: 0;
+  filter: alpha(opacity=0);
+  position: absolute;
+  top: 43%;
+  -webkit-transition: all 0.2s ease-in-out;
+  -webkit-transition-delay: 0s;
+  -moz-transition: all 0.2s ease-in-out 0s;
+  -o-transition: all 0.2s ease-in-out 0s;
+  transition: all 0.2s ease-in-out 0s;
+  width: 60px;
+}
+
+.sticky {
+  border: none;
+}
+
+.entry-content {
+  color: #999999;
+  /* post heading */
+}
+.entry-content h1 {
+  font-size: 24px;
+  line-height: 1.3em;
+}
+.entry-content h2 {
+  font-size: 21px;
+  line-height: 1.3em;
+}
+.entry-content h3 {
+  font-size: 18px;
+  line-height: 1.5em;
+}
+.entry-content h4 {
+  font-size: 16px;
+  line-height: 1.5em;
+}
+.entry-content h5 {
+  font-size: 14px;
+  line-height: 1.5em;
+}
+.entry-content h6 {
+  font-size: 14px;
+  line-height: 1.5em;
+}
+
+.post-content, .page-content {
+  border-bottom: 4px double #eeeeee;
+  margin-bottom: 40px;
+  padding-bottom: 20px;
+}
+
+.content-heading {
+  font-family: "Oswald", sans-serif;
+  font-weight: 300;
+  font-size: 24px;
+  margin: 0 0 10px;
+}
+
+.secondary {
+  display: inline;
+  float: left;
+  margin-bottom: 20px;
+}
+.secondary .content-heading {
+  background: #eeeeee;
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
+  background-image: -webkit-linear-gradient(center top, #ffffff, #f5f5f5);
+  background-image: -moz-linear-gradient(center top, #ffffff, #f5f5f5);
+  background-image: -o-linear-gradient(center top, #ffffff, #f5f5f5);
+  background-image: linear-gradient(center top, #ffffff, #f5f5f5);
+  border: 1px solid #eeeeee;
+  font-size: 18px;
+  line-height: 1.5em;
+  margin: 0;
+  padding: 5px 10px 3px;
+  text-shadow: white 0 1px 0;
+}
+.secondary .content-data {
+  background: white;
+  border: 1px solid #eeeeee;
+  font-size: 12px;
+  list-style: none;
+  margin: -1px 0 0;
+  padding: 10px;
+}
+.secondary .content-data .data-left {
+  display: -moz-inline-stack;
+  -moz-box-orient: vertical;
+  display: inline-block;
+  *display: inline;
+  vertical-align: top;
+  *zoom: 1;
+  font-family: "Lato", sans-serif;
+  font-weight: 700;
+  width: 70px;
+}
+.secondary .content-data .separator {
+  margin-right: 5px;
+}
+
+.edit-link {
+  clear: both;
+  display: block;
+}
+
+/* 	404
+	----------------- */
+.not-found {
+  text-align: center;
+}
+.not-found .entry-title {
+  font-size: 50px;
+  line-height: 1.5em;
+}
+.not-found #searchform {
+  display: -moz-inline-stack;
+  -moz-box-orient: vertical;
+  display: inline-block;
+  *display: inline;
+  vertical-align: top;
+  *zoom: 1;
+  float: none;
+}
+
+/* =============================================================================
+- Sidebar & Widget
+============================================================================= */
+.widget {
+  font-size: 12px;
+}
+.widget .widget-title {
+  font-size: 12px;
+  text-transform: uppercase;
+}
+
+/* 	ARCHIVES WIDGET
+	----------------- */
+.widget_archive select {
+  margin-top: 1.2em;
+  width: 100%;
+}
+
+/* 	TAG CLOUD WIDGET
+	----------------- */
+.widget_tag_cloud .tagcloud a {
+  background: #f2f2f2;
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
+  background-image: -webkit-linear-gradient(#ffffff, #f2f2f2);
+  background-image: -moz-linear-gradient(#ffffff, #f2f2f2);
+  background-image: -o-linear-gradient(#ffffff, #f2f2f2);
+  background-image: linear-gradient(#ffffff, #f2f2f2);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  border: 1px solid #e6e6e6;
+  color: #999999;
+  display: inline-block;
+  *display: inline;
+  height: 2em;
+  line-height: 1.9em;
+  margin: 0 5px 5px 0;
+  padding: 0 8px;
+  text-shadow: 0 1px 0 white;
+  *zoom: 1;
+}
+.widget_tag_cloud .tagcloud a:hover {
+  background: #f2f2f2;
+  text-decoration: none;
+}
+
+/* 	CALENDAR WIDGET
+	----------------- */
+.widget_calendar {
+  border: none;
+}
+
+#calendar_wrap th {
+  border: none;
+}
+#calendar_wrap td {
+  color: #aaa;
+}
+
+#wp-calendar tr td {
+  background: #f5f5f5;
+  border: 1px solid white;
+  padding: 3px 0 2px;
+  text-align: center;
+}
+#wp-calendar caption {
+  color: #999999;
+  font-weight: bold;
+  font-family: "Lato", sans-serif;
+  font-weight: 700;
+  padding-bottom: 4px;
+  text-align: left;
+}
+#wp-calendar #prev {
+  text-align: left;
+}
+#wp-calendar #next {
+  text-align: right;
+}
+
+/* 	CATEGORY WIDGET
+	----------------- */
+.widget_categories ul ul.children {
+  padding-left: 1.5em;
+}
+.widget_categories select {
+  margin-top: 1.2em;
+  width: 100%;
+}
+
+/* 	SEARCH WIDGET
+	----------------- */
+.widget_search {
+  overflow: hidden;
+}
+.widget_search input[type="text"] {
+  background: #fafafa;
+  border: 1px solid #eeeeee;
+  display: inline;
+  float: left;
+  margin-right: 5px;
+  padding: 5px 10px;
+  width: 150px;
+}
+.widget_search input[type="text"]:focus {
+  background: white;
+}
+
+.screen-reader-text {
+  display: none;
+}
+
+/* 	CUSTOM TWITTER WIDGET
+	----------------- */
+.widget_foto_twitter_widget ul li {
+  border-bottom: 1px solid #eeeeee;
+  padding-bottom: 8px;
+  margin-bottom: 8px;
+}
+.widget_foto_twitter_widget ul li a {
+  display: inline;
+}
+
+.follow-me {
+  display: block;
+  margin-top: 10px;
+}
+
+/* 	CUSTOM AUTHOR PROFILE WIDGET
+	----------------- */
+.foto_author_bio .widget-author-info {
+  font-size: 12px;
+  line-height: 1.5em;
+}
+.foto_author_bio .author-detail span {
+  display: inline;
+  float: left;
+}
+.foto_author_bio .author-detail span p {
+  color: #999999;
+  font-size: 12px;
+  font-family: "Lato", sans-serif;
+  font-weight: 700;
+  margin: 0 0 5px;
+}
+.foto_author_bio .author-detail .author-img {
+  display: inline;
+  float: right;
+  height: 60px;
+  width: 60px;
+}
+.foto_author_bio .author-detail .author-img img {
+  background: white;
+  border: 1px solid #eeeeee;
+  padding: 3px;
+}
+
+/* =============================================================================
+- Comments
+============================================================================= */
+/* 	COMMENT FORMS
+	----------------- */
+#reply-title, .comments-title {
+  font-family: "Oswald", sans-serif;
+  font-weight: 300;
+  font-size: 24px;
+  margin-bottom: 5px;
+}
+
+.comment-notes, .form-allowed-tags, .logged-in-as {
+  font-size: 12px;
+}
+
+#respond {
+  margin-top: 30px;
+}
+#respond .comment-form-comment label {
+  display: block;
+  margin-bottom: 10px;
+}
+#respond label {
+  color: #cccccc;
+  font-family: "Oswald", sans-serif;
+  font-weight: 300;
+  font-size: 18px;
+  font-weight: normal;
+  position: relative;
+  top: 5px;
+}
+#respond input[type="text"],
+#respond textarea {
+  border: none;
+  -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1);
+  -moz-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1);
+  color: #b1b1b1;
+  font-family: "Lato", sans-serif;
+  font-weight: 400;
+}
+#respond input[type="text"] {
+  height: 30px;
+  display: inline;
+  float: left;
+  margin-right: 5px;
+}
+#respond textarea {
+  font-size: 14px;
+  line-height: 1.5em;
+  padding: 7px;
+}
+#respond input[type="submit"] {
+  font-size: 18px;
+  font-weight: normal;
+  padding: 10px 15px;
+}
+#respond input[type="submit"]:focus {
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+#respond .required {
+  color: #f00;
+  position: relative;
+  top: 3px;
+}
+
+/* 	COMMENT LISTS
+	----------------- */
+.comments-title {
+  margin-bottom: 20px;
+}
+
+.commentlist {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.commentlist li {
+  background: white;
+  -webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.1);
+  -moz-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.1);
+  margin-bottom: 20px;
+  padding: 20px;
+}
+.commentlist li .children {
+  list-style: none;
+  margin-top: 20px;
+}
+.commentlist li.pingback p {
+  margin: 0;
+}
+.commentlist li.bypostauthor {
+  background: #fafafa;
+}
+.commentlist .comment-reply-link {
+  color: #b1b1b1;
+  font-size: 11px;
+}
+
+.comment-meta {
+  display: block;
+  font-size: 11px;
+  margin-bottom: 10px;
+  overflow: hidden;
+}
+.comment-meta img.avatar {
+  border: 1px solid #eeeeee;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
+  display: inline;
+  float: left;
+  margin-right: 10px;
+  padding: 3px;
+}
+.comment-meta .fn {
+  font-size: 12px;
+  display: block;
+}
+.comment-meta .comment-awaiting-moderation {
+  background: #fbe3e4;
+  border: 1px solid #fbc2c4;
+  color: #8a1f11;
+  clear: both;
+  display: block;
+  margin-top: 25px;
+  padding: 5px;
+}
+
+.comment-content {
+  /* 	RESET HEADING ON COMMENT CONTENT
+  ----------------- */
+}
+.comment-content h1 {
+  font-size: 24px;
+  line-height: 1.3em;
+}
+.comment-content h2 {
+  font-size: 21px;
+  line-height: 1.3em;
+}
+.comment-content h3 {
+  font-size: 18px;
+  line-height: 1.5em;
+}
+.comment-content h4 {
+  font-size: 16px;
+  line-height: 1.5em;
+}
+.comment-content h5 {
+  font-size: 14px;
+  line-height: 1.5em;
+}
+.comment-content h6 {
+  font-size: 14px;
+  line-height: 1.5em;
+}
+.comment-content ul li,
+.comment-content ol li {
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+.comment-navigation {
+  margin-bottom: 20px;
+}
+.comment-navigation .nav-next a,
+.comment-navigation .nav-previous a {
+  padding: 7px 10px;
+}
+
+/* =============================================================================
+- Footer
+============================================================================= */
+.site-footer {
+  margin-bottom: 20px;
+}
+.site-footer .widget-title {
+  border-top: 3px solid #eeeeee;
+  margin-bottom: 15px;
+  padding: 10px 0 0;
+}
+
+.site-info {
+  border-top: 4px double #eeeeee;
+  font-size: 12px;
+  padding-top: 10px;
+}
+.site-info .credits p {
+  margin: 0;
+}
+
+.main-navigation ul {
+  display: inline;
+  float: right;
+}
+.main-navigation ul li {
+  background: url('img/separator-nav.png') no-repeat right center;
+  display: inline;
+  float: left;
+  margin-right: 10px;
+  padding-right: 20px;
+}
+.main-navigation ul li:last-child {
+  background: none;
+  margin: 0;
+  padding: 0;
+}
+.main-navigation ul li a {
+  color: #cccccc;
+}
+.main-navigation ul li a:hover {
+  color: #00baff;
+  text-decoration: none;
+}
+
+/* =============================================================================
+- Plugins
+============================================================================= */
+/* 	RESPONSIVE SLIDES
+	http://responsiveslides.com v1.32 by @viljamis 
+	----------------- */
+.rslides-container {
+  background: white;
+  border: 1px solid whitesmoke;
+  margin-bottom: 25px;
+  position: relative;
+  padding: 10px;
+}
+.rslides-container:hover > .rslides1_nav {
+  opacity: 0.7;
+  filter: alpha(opacity=70);
+}
+
+.rslides {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+}
+.rslides li {
+  display: none;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.rslides li:first-child {
+  display: block;
+  position: relative;
+  float: left;
+}
+.rslides img {
+  border: 0;
+  display: block;
+  height: auto;
+  float: left;
+  width: 100%;
+}
+
+.rslides1_nav {
+  background: transparent url('img/nav-slide.gif') no-repeat left top;
+  height: 61px;
+  margin-top: -25px;
+  left: 0;
+  opacity: 0;
+  filter: alpha(opacity=0);
+  overflow: hidden;
+  position: absolute;
+  text-indent: -9999em;
+  text-decoration: none;
+  -webkit-transition: all 0.25s ease-in-out;
+  -webkit-transition-delay: 0s;
+  -moz-transition: all 0.25s ease-in-out 0s;
+  -o-transition: all 0.25s ease-in-out 0s;
+  transition: all 0.25s ease-in-out 0s;
+  top: 50%;
+  width: 38px;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  z-index: 9;
+}
+.rslides1_nav:focus {
+  outline: none;
+}
+.rslides1_nav.next {
+  left: auto;
+  background-position: right top;
+  right: 0;
+}
+
+.rslides_tabs {
+  left: 50%;
+  margin: 20px 0 0 -20px;
+  padding: 0;
+  position: absolute;
+  text-align: center;
+}
+
+.rslides_tabs li {
+  display: inline;
+  float: none;
+  _float: left;
+  *float: left;
+  margin-right: 5px;
+}
+
+.rslides_tabs a {
+  background: url('img/sprite-icons.png') no-repeat -185px -69px;
+  text-indent: -9999px;
+  overflow: hidden;
+  display: inline-block;
+  _display: block;
+  *display: block;
+  width: 11px;
+  height: 11px;
+}
+
+.rslides_tabs .rslides_here a {
+  background: url('img/sprite-icons.png') no-repeat -210px -69px;
+}
+
+/* 	FancyBox
+	http://fancybox.net
+	----------------- */
+#fancybox-loading {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  width: 40px;
+  height: 40px;
+  margin-top: -20px;
+  margin-left: -20px;
+  cursor: pointer;
+  overflow: hidden;
+  z-index: 1104;
+  display: none;
+}
+#fancybox-loading div {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 40px;
+  height: 480px;
+  background-image: url('img/fancybox/fancybox.png');
+}
+
+#fancybox-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 1100;
+  display: none;
+}
+
+#fancybox-tmp {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  overflow: auto;
+  display: none;
+}
+
+#fancybox-wrap {
+  position: absolute;
+  top: 0;
+  left: 0;
+  padding: 20px;
+  z-index: 1101;
+  outline: none;
+  display: none;
+}
+
+#fancybox-outer {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  background: #fff;
+}
+
+#fancybox-content {
+  width: 0;
+  height: 0;
+  padding: 0;
+  outline: none;
+  position: relative;
+  overflow: hidden;
+  z-index: 1102;
+  border: 0px solid white;
+}
+
+#fancybox-hide-sel-frame {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: transparent;
+  z-index: 1101;
+}
+
+#fancybox-close {
+  position: absolute;
+  top: -15px;
+  right: -15px;
+  width: 30px;
+  height: 30px;
+  background: transparent url('img/fancybox/fancybox.png') -40px 0px;
+  cursor: pointer;
+  z-index: 1103;
+  display: none;
+}
+
+#fancybox-error {
+  color: #444;
+  font: normal 12px/20px Arial;
+  padding: 14px;
+  margin: 0;
+}
+
+#fancybox-img {
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  margin: 0;
+  border: none;
+  outline: none;
+  line-height: 0;
+  vertical-align: top;
+}
+
+#fancybox-frame {
+  width: 100%;
+  height: 100%;
+  border: none;
+  display: block;
+}
+
+#fancybox-left,
+#fancybox-right {
+  position: absolute;
+  bottom: 0px;
+  height: 100%;
+  width: 35%;
+  cursor: pointer;
+  outline: none;
+  background: transparent url('img/fancybox/blank.gif');
+  z-index: 1102;
+  display: none;
+}
+
+#fancybox-left {
+  left: 0px;
+}
+
+#fancybox-right {
+  right: 0px;
+}
+
+#fancybox-left-ico, #fancybox-right-ico {
+  position: absolute;
+  top: 50%;
+  left: -9999px;
+  width: 30px;
+  height: 30px;
+  margin-top: -15px;
+  cursor: pointer;
+  z-index: 1102;
+  display: block;
+}
+
+#fancybox-left-ico {
+  background-image: url('img/fancybox/fancybox.png');
+  background-position: -40px -30px;
+}
+
+#fancybox-right-ico {
+  background-image: url('img/fancybox/fancybox.png');
+  background-position: -40px -60px;
+}
+
+#fancybox-left:hover, #fancybox-right:hover {
+  visibility: visible;
+}
+
+#fancybox-left:hover span {
+  left: 20px;
+}
+
+#fancybox-right:hover span {
+  left: auto;
+  right: 20px;
+}
+
+.fancybox-bg {
+  position: absolute;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  width: 20px;
+  height: 20px;
+  z-index: 1001;
+}
+
+#fancybox-bg-n {
+  top: -20px;
+  left: 0;
+  width: 100%;
+  background-image: url('img/fancybox/fancybox-x.png');
+}
+
+#fancybox-bg-ne {
+  top: -20px;
+  right: -20px;
+  background-image: url('img/fancybox/fancybox.png');
+  background-position: -40px -162px;
+}
+
+#fancybox-bg-e {
+  top: 0;
+  right: -20px;
+  height: 100%;
+  background-image: url('img/fancybox/fancybox-y.png');
+  background-position: -20px 0px;
+}
+
+#fancybox-bg-se {
+  bottom: -20px;
+  right: -20px;
+  background-image: url('img/fancybox/fancybox.png');
+  background-position: -40px -182px;
+}
+
+#fancybox-bg-s {
+  bottom: -20px;
+  left: 0;
+  width: 100%;
+  background-image: url('img/fancybox/fancybox-x.png');
+  background-position: 0px -20px;
+}
+
+#fancybox-bg-sw {
+  bottom: -20px;
+  left: -20px;
+  background-image: url('img/fancybox/fancybox.png');
+  background-position: -40px -142px;
+}
+
+#fancybox-bg-w {
+  top: 0;
+  left: -20px;
+  height: 100%;
+  background-image: url('img/fancybox/fancybox-y.png');
+}
+
+#fancybox-bg-nw {
+  top: -20px;
+  left: -20px;
+  background-image: url('img/fancybox/fancybox.png');
+  background-position: -40px -122px;
+}
+
+#fancybox-title {
+  font-family: Helvetica;
+  font-size: 12px;
+  z-index: 1102;
+}
+
+.fancybox-title-inside {
+  padding-bottom: 10px;
+  text-align: center;
+  color: #333;
+  background: #fff;
+  position: relative;
+}
+
+.fancybox-title-outside {
+  padding-top: 10px;
+  color: #fff;
+}
+
+.fancybox-title-over {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  color: #FFF;
+  text-align: left;
+}
+
+#fancybox-title-over {
+  padding: 10px;
+  background-image: url('img/fancybox/fancy_title_over.png');
+  display: block;
+}
+
+.fancybox-title-float {
+  position: absolute;
+  left: 0;
+  bottom: -20px;
+  height: 32px;
+}
+
+#fancybox-title-float-wrap {
+  border: none;
+  border-collapse: collapse;
+  width: auto;
+}
+#fancybox-title-float-wrap td {
+  border: none;
+  white-space: nowrap;
+}
+
+#fancybox-title-float-left {
+  padding: 0 0 0 15px;
+  background: url('img/fancybox/fancybox.png') -40px -90px no-repeat;
+}
+
+#fancybox-title-float-main {
+  color: #FFF;
+  line-height: 29px;
+  font-weight: bold;
+  padding: 0 0 3px 0;
+  background: url('img/fancybox/fancybox-x.png') 0px -40px;
+}
+
+#fancybox-title-float-right {
+  padding: 0 0 0 15px;
+  background: url('img/fancybox/fancybox.png') -55px -90px no-repeat;
+}
+
+/* IE6 */
+.fancybox-ie6 #fancybox-close {
+  background: transparent;
+  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_close.png', sizingMethod='scale');
+}
+.fancybox-ie6 #fancybox-left-ico {
+  background: transparent;
+  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_nav_left.png', sizingMethod='scale');
+}
+.fancybox-ie6 #fancybox-right-ico {
+  background: transparent;
+  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_nav_right.png', sizingMethod='scale');
+}
+.fancybox-ie6 #fancybox-title-over {
+  background: transparent;
+  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_title_over.png', sizingMethod='scale');
+  zoom: 1;
+}
+.fancybox-ie6 #fancybox-title-float-left {
+  background: transparent;
+  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_title_left.png', sizingMethod='scale');
+}
+.fancybox-ie6 #fancybox-title-float-main {
+  background: transparent;
+  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_title_main.png', sizingMethod='scale');
+}
+.fancybox-ie6 #fancybox-title-float-right {
+  background: transparent;
+  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_title_right.png', sizingMethod='scale');
+}
+.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right {
+  height: expression(this.parentNode.clientHeight + "px");
+}
+
+#fancybox-hide-sel-frame {
+  height: expression(this.parentNode.clientHeight + "px");
+}
+
+#fancybox-loading.fancybox-ie6 {
+  position: absolute;
+  margin-top: 0;
+  top: expression((-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
+}
+#fancybox-loading.fancybox-ie6 div {
+  background: transparent;
+  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_loading.png', sizingMethod='scale');
+}
+
+/* IE6, IE7, IE8 */
+.fancybox-ie .fancybox-bg {
+  background: transparent !important;
+}
+.fancybox-ie #fancybox-bg-n {
+  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_n.png', sizingMethod='scale');
+}
+.fancybox-ie #fancybox-bg-ne {
+  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_ne.png', sizingMethod='scale');
+}
+.fancybox-ie #fancybox-bg-e {
+  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_e.png', sizingMethod='scale');
+}
+.fancybox-ie #fancybox-bg-se {
+  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_se.png', sizingMethod='scale');
+}
+.fancybox-ie #fancybox-bg-s {
+  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_s.png', sizingMethod='scale');
+}
+.fancybox-ie #fancybox-bg-sw {
+  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_sw.png', sizingMethod='scale');
+}
+.fancybox-ie #fancybox-bg-w {
+  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_w.png', sizingMethod='scale');
+}
+.fancybox-ie #fancybox-bg-nw {
+  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_nw.png', sizingMethod='scale');
+}
+
+/* =============================================================================
+- Utilities
+============================================================================= */
+/* 	CLEARFIX
+	http://nicolasgallagher.com/micro-clearfix-hack/
+	----------------- */
+.clearfix:before,
+.clearfix:after {
+  content: "";
+  display: table;
+}
+
+.clearfix:after {
+  clear: both;
+}
+
+.clearfix {
+  *zoom: 1;
+}
+
+/* 	IMAGE REPLACEMENT
+	----------------- */
+.ir {
+  border: 0;
+  font: 0/0 a;
+  text-shadow: none;
+  color: transparent;
+  background-color: transparent;
+}
+
+/* 	HIDE/SHOW ELEMENT
+	----------------- */
+.hide {
+  display: none;
+  visibility: hidden;
+}
+
+.show {
+  display: block;
+  visibility: visible;
+}
+
+.invisible {
+  visibility: hidden;
+}
+
+.visuallyhidden {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+
+.visuallyhidden.focusable:active,
+.visuallyhidden.focusable:focus {
+  clip: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  position: static;
+  width: auto;
+}
+
+/* 	FLOATING ALIGNMENT
+	----------------- */
+.alignleft {
+  display: inline;
+  float: left;
+  margin-right: 1.5em;
+}
+
+.alignright {
+  display: inline;
+  float: right;
+  margin-left: 1.5em;
+}
+
+.aligncenter {
+  clear: both;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.alignnone {
+  display: block;
+}
+
+/* 	TEXT ALIGNMENT
+	----------------- */
+.left {
+  text-align: left;
+}
+
+.right {
+  text-align: right;
+}
+
+.center {
+  text-align: center;
+}
+
+/* 	HR/STANDALONE BORDER
+	----------------- */
+hr {
+  border-top: 1px solid #eeeeee;
+  border-bottom: 0;
+  border-right: 0;
+  border-left: 0;
+  clear: both;
+  height: 1px;
+  margin: 1.5em 0;
+  min-height: 0;
+}
+hr.dotted {
+  border-style: dotted;
+}
+hr.dashed {
+  border-style: dashed;
+}
+hr.darkborder {
+  border-color: black;
+}
+hr.lightborder {
+  border-color: white;
+}
+
+/* 	MISC CLASSES
+	----------------- */
+.first {
+  margin-left: 0;
+  padding-left: 0;
+}
+
+.last {
+  margin-right: 0;
+  padding-right: 0;
+}
+
+.top {
+  margin-top: 0;
+  padding-top: 0;
+}
+
+.bottom {
+  margin-bottom: 0;
+  padding-bottom: 0;
+}
+
+/* Text meant only for screen readers */
+.assistive-text {
+  clip: rect(1px 1px 1px 1px);
+  /* IE6, IE7 */
+  clip: rect(1px, 1px, 1px, 1px);
+  position: absolute !important;
+}
+
+/* =============================================================================
+- Pagination
+============================================================================= */
+/* 	ARTICLE PAGINATION
+	----------------- */
+.page-links {
+  clear: both;
+  display: block;
+  text-align: center;
+}
+
+/* 	PAGING NAVIGATION & WP-PAGENAVI
+	----------------- */
+#nav-above {
+  margin-bottom: 40px;
+}
+
+.paging-navigation {
+  clear: both;
+  text-align: right;
+}
+.paging-navigation a {
+  display: block;
+  font-size: 12px;
+  padding: 4px 14px 0;
+  text-transform: uppercase;
+}
+.paging-navigation .nav-previous {
+  display: inline;
+  float: left;
+}
+.paging-navigation .nav-next {
+  display: inline;
+  float: right;
+}
+.paging-navigation .wp-pagenavi .pages, .paging-navigation .wp-pagenavi .current {
+  background: whitesmoke;
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
+  background-image: -webkit-linear-gradient(center top, #ffffff, #f5f5f5);
+  background-image: -moz-linear-gradient(center top, #ffffff, #f5f5f5);
+  background-image: -o-linear-gradient(center top, #ffffff, #f5f5f5);
+  background-image: linear-gradient(center top, #ffffff, #f5f5f5);
+  border: 1px solid #eeeeee;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  color: #aaaaaa;
+  font-family: "Oswald", sans-serif;
+  font-weight: 300;
+  text-shadow: white 0 1px 0;
+  display: -moz-inline-stack;
+  -moz-box-orient: vertical;
+  display: inline-block;
+  *display: inline;
+  vertical-align: top;
+  *zoom: 1;
+  font-size: 12px;
+  margin-right: 10px;
+  padding: 4px 14px 0;
+  text-transform: uppercase;
+}
+.paging-navigation .wp-pagenavi a {
+  display: -moz-inline-stack;
+  -moz-box-orient: vertical;
+  display: inline-block;
+  *display: inline;
+  vertical-align: top;
+  *zoom: 1;
+  margin-right: 10px;
+}
+
+/* 	SINGLE PAGE NAVIGATION
+	----------------- */
+.post-navigation {
+  display: inline;
+  float: right;
+  margin-right: 20px;
+}
+.post-navigation a {
+  display: -moz-inline-stack;
+  -moz-box-orient: vertical;
+  display: inline-block;
+  *display: inline;
+  vertical-align: top;
+  *zoom: 1;
+  height: 35px;
+  text-indent: 110%;
+  white-space: nowrap;
+  overflow: hidden;
+  width: 35px;
+}
+.post-navigation .nav-previous {
+  display: inline;
+  float: left;
+  margin-right: 5px;
+}
+.post-navigation .nav-previous a[rel="prev"] {
+  background: url('img/sprite-icons.png') no-repeat -8px -84px;
+}
+.post-navigation .nav-previous a[rel="prev"]:hover {
+  background: url('img/sprite-icons.png') no-repeat -9px -125px;
+}
+.post-navigation .nav-next {
+  display: inline;
+  float: left;
+}
+.post-navigation .nav-next a[rel="next"] {
+  background: url('img/sprite-icons.png') no-repeat -56px -84px;
+}
+.post-navigation .nav-next a[rel="next"]:hover {
+  background: url('img/sprite-icons.png') no-repeat -57px -125px;
+}
+
+/* 	ATTACHMENT PAGE NAVIGATION
+	----------------- */
+.image-navigation {
+  display: inline;
+  float: right;
+  margin-right: 20px;
+}
+.image-navigation a {
+  display: -moz-inline-stack;
+  -moz-box-orient: vertical;
+  display: inline-block;
+  *display: inline;
+  vertical-align: top;
+  *zoom: 1;
+  height: 35px;
+  text-indent: 110%;
+  white-space: nowrap;
+  overflow: hidden;
+  width: 35px;
+}
+.image-navigation .previous-image {
+  display: inline;
+  float: left;
+  margin-right: 5px;
+}
+.image-navigation .previous-image a {
+  background: url('img/sprite-icons.png') no-repeat -8px -84px;
+}
+.image-navigation .previous-image a:hover {
+  background: url('img/sprite-icons.png') no-repeat -9px -125px;
+}
+.image-navigation .next-image {
+  display: inline;
+  float: left;
+}
+.image-navigation .next-image a {
+  background: url('img/sprite-icons.png') no-repeat -56px -84px;
+}
+.image-navigation .next-image a:hover {
+  background: url('img/sprite-icons.png') no-repeat -57px -125px;
+}
+
+/* =============================================================================
+- Miscellaneous
+============================================================================= */
+/* 	GLOBAL BUTTON STYLE
+	----------------- */
+.btn, #searchform input[type="submit"], #respond input[type="submit"], .comment-navigation .nav-next a,
+.comment-navigation .nav-previous a, .paging-navigation a {
+  background: whitesmoke;
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
+  background-image: -webkit-linear-gradient(center top, #ffffff, #f5f5f5);
+  background-image: -moz-linear-gradient(center top, #ffffff, #f5f5f5);
+  background-image: -o-linear-gradient(center top, #ffffff, #f5f5f5);
+  background-image: linear-gradient(center top, #ffffff, #f5f5f5);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  border: 1px solid #eeeeee;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  color: #aaaaaa;
+  font-family: "Oswald", sans-serif;
+  font-weight: 300;
+  text-shadow: white 0 1px 0;
+}
+.btn:hover, #searchform input[type="submit"]:hover, #respond input[type="submit"]:hover, .comment-navigation .nav-next a:hover,
+.comment-navigation .nav-previous a:hover, .paging-navigation a:hover {
+  background: white;
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #ffffff));
+  background-image: -webkit-linear-gradient(center top, #f5f5f5, #ffffff);
+  background-image: -moz-linear-gradient(center top, #f5f5f5, #ffffff);
+  background-image: -o-linear-gradient(center top, #f5f5f5, #ffffff);
+  background-image: linear-gradient(center top, #f5f5f5, #ffffff);
+  text-decoration: none;
+}
+.btn:active, #searchform input[type="submit"]:active, #respond input[type="submit"]:active, .comment-navigation .nav-next a:active,
+.comment-navigation .nav-previous a:active, .paging-navigation a:active {
+  -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.15);
+  outline: 0;
+}
+
+/* 	CONTACT FORM 7
+	----------------- */
+.entry-content .wpcf7 {
+  background: whitesmoke;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  margin: 0 0 1.5em 0;
+  padding: 1.4em;
+}
+.entry-content .wpcf7 input[type="text"],
+.entry-content .wpcf7 input[type="email"] {
+  height: 2.5em;
+}
+.entry-content div.wpcf7-validation-errors,
+.entry-content div.wpcf7-mail-sent-ng {
+  background: #f00;
+  border: 2px solid red;
+  color: white;
+}
+.entry-content span.wpcf7-not-valid-tip {
+  background: #f00;
+  border: 1px solid red;
+  color: white;
+  left: 105%;
+  padding: 0.2em 0.75em;
+  top: -21%;
+  width: 18em;
+}
+.entry-content div.wpcf7 img.ajax-loader {
+  margin-left: 1em;
+}
+
+/* =============================================================================
+- Conditional IE class
+============================================================================= */
+.ie button:hover,
+.ie input[type="reset"]:hover,
+.ie input[type="submit"]:hover,
+.ie input[type="button"]:hover {
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC');
+}
+.ie button:active,
+.ie input[type="reset"]:active,
+.ie input[type="submit"]:active,
+.ie input[type="button"]:active {
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFDDDDDD');
+}
+.ie #searchform input[type="submit"], .ie .paging-navigation a {
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFF5F5F5');
+}
+.ie .commentlist li {
+  border: 1px solid #eeeeee;
+}
+.ie #respond input[type="text"],
+.ie #respond textarea {
+  border: 1px solid #dddddd;
+}
+
+.ie8 #searchform input[type="text"] {
+  border: 1px solid #dddddd;
+  line-height: 2em;
+}
+.ie8 .foto_author_bio .author-detail span {
+  width: 120px;
+}