/*
Theme Name: Appply
Theme URI: http://www.woothemes.com/
Version: 1.1.6
Description: Designed by <a href="http://www.woothemes.com">WooThemes</a>.
Author: WooThemes
Author URI: http://www.woothemes.com
Tags: woothemes

	Copyright: (c) 2009-2011 WooThemes.
	License: GNU General Public License v2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/*

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file. You have been warned! :)

LAYOUT
Layout styles for desktop orientations is included in a media query at the bottom of this file.

*/
/*-------------------------------------------------------------------------------------------

INDEX:

0. RESET

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks
-1.3 Typography
-1.4 Tables

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
  -2.2.1 Drop-down menus
  -2.2.2 Top Navigation (optional)
-2.3 Header
-2.4 Content
  -2.4.1 Slider
-2.5 Sidebar
-2.6 Footer

3. POSTS
-3.1 Images
-3.2 Pagination / WP-Pagenavi / Woo-Pagination
-3.3 Single Post Author
-3.4 Post Entry Nav
-3.5 Subscribe & Connect

4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets

5. COMMENTS
-5.1 Comments
-5.2 Comments Form
-5.3 Pingbacks / Trackbacks

6. PAGE TEMPLATES
-6.1 Timeline Page Template
-6.2 Contact Form
-6.3 Image Gallery

7. FEATURED SLIDER
-7.1 Core Styles
-7.2 Theme Styles
-7.3 Content Styles

8. MISC
-8.1 Forms
-8.2 Buttons (Includes WF chortcode buttons)
-8.3 Shortcode info boxes
-8.4 Gravity forms
-8.5 IE specific styling

-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* RESET - http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 */
/*-------------------------------------------------------------------------------------------*/

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-size: 100%; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
/* Bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }
/* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
textarea { overflow: auto; }
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }
/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; background: @bg_light; border: 1px solid @border_main; padding: 10px; margin-bottom: 20px; }
/* Normalize monospace sizing: en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp { font-family: monospace, @sans; }
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }
/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* Floating & Alignment  */
.fl{float:left;}
.fr{float:right;}
.ac{text-align:center;}
.ar{text-align:right;}

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.fix:before, .fix:after, .col-full:before, .col-full:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.fix:after, .col-full:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.fix, .col-full { zoom: 1; }

/*-------------------------------------------------------------------------------------------*/
/* IMPORTS */
/*-------------------------------------------------------------------------------------------*/

@import url(css/mixins.less);

/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */
html {
	font-size: 62.5%; // Reset font size to 10px for easy calculation
}
body  {
	font-size:1.4em; // 14 px
	line-height: 1.618; // golden ratio
	color: @color_body;
	font-family: @sans;
	padding: 0;
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

img  { vertical-align: bottom; max-width: 100%; }
hr { background-color: @border_main; border:0; height: 1px; margin-bottom: 1.618em; }

/* 1.2 Hyperlinks */

a {
	color: @color_links;
	text-decoration:none;

	&:hover {
		color: @color_links - #222;
		text-decoration: underline;
	}

	img {
		-webkit-transform: translateZ(0); /* Fix image flickering issue */
		.transition(opacity, ease-out, .10s);
		&:hover {opacity:0.75;}
	}
}

/* 1.3 Typography */
/*
	All typography (and layout) based on a modular scale using 12 & 14 px values scaled in accordance the golden ratio (1.618)
	http://modularscale.com/scale/?px1=14&px2=12&ra1=1.618&ra2=0
	Remember to keep margins consistent and try to avoid margin-top. If everything has an appropriate margin-bottom we don't need one and vertical rhythm will be kept consistent
*/

h1, h2, h3, h4, h5, h6  {
	font-family: @sans;
	color: @color_headings;
	font-weight: normal;
	margin:0 0 .618em;
	a {
		text-decoration: none;
		&:hover {
			text-decoration: underline;
		}
	}
}
h1  {
	font-size: 2.244em;
	line-height: 1.387em;
}
h2  {
	font-size: 1.618em;
	line-height: 1.387em;
}
h3  {
	font-size: 1.387em;
}
h4  {
	font-size: 1em;
}
h5  {
	font-size: 1em;
}
h6  {
	font-size: 0.857em;
}
p {
	-webkit-hyphens : auto;
	-webkit-hyphenate-character : "\2010";
	-webkit-hyphenate-limit-after : 1;
	-webkit-hyphenate-limit-before : 3;
	-moz-hyphens : manual;
	orphans : 3;
	widows : 3;
}

mark {
	background: none;
	color: @color_body + #111;
}
// Set up consistent margins for all relevent block level elements
ul,ol,dl,
p,
table,
form,
pre,
hr {
	margin: 0 0 1.618em 0;
}

li > ul,
li > ol{
	margin:0 0 0 1.618em;
}

dl {
	dt {
		font-weight: bold;
	}
	dd {
		margin-bottom:1.618em;
	}
}

/*
@font-face icons
- Used for the subscribe & connect social icons. If you would like to add more icons to the font, you can do so by rebuilding the font at http://keyamoon.com/icomoon/app/ and replace the existing font files in the theme with the new ones.
*/
@font-face {
	font-family: 'Social';
	font-weight: normal; font-style: normal;
	src: url('@{fontpath}/social.eot');
	src: url('@{fontpath}/social.eot?#iefix') format('embedded-opentype'), url('includes/fonts/social.woff') format('woff'), url('includes/fonts/social.ttf') format('truetype'), url('includes/fonts/social.svg#WebSymbolsRegular') format('svg');
}
@font-face {
	font-family: 'FontAwesome';
	src: url('@{fontpath}/fontawesome-webfont.eot');
	src: url('@{fontpath}/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
	url('@{fontpath}/fontawesome-webfont.woff') format('woff'),
	url('@{fontpath}/fontawesome-webfont.ttf') format('truetype'),
	url('@{fontpath}/fontawesome-webfont.svg#FontAwesome') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* 1.4 Tables */
// TABLES
table {
    border-spacing: 0;
    width:100%;
    border:1px solid @border_main;
    .border_radius(4px);
    .box_shadow(0,1px,2px,0,@border_main + #242424);
    border-collapse: separate;
    td,th {
      padding:.857em 1.387em;
      text-align: left;
      border-right:1px dotted @border_main;
      vertical-align: top;
      p:last-child {
      	margin-bottom:0;
      }
    }
    thead {
      th {
        background: #fff;
        border-right:1px dotted @bg_light - #111;
        border-bottom:1px solid @border_main;
        text-transform: uppercase;
        padding:1.387em;
        vertical-align: middle;
        &:first-child {
          .border_radius_left(4px);
          .border_radius_bottom(0);
        }
        &:last-child {
          .border_radius_right(4px);
          .border_radius_bottom(0);
        }
      }
    }
    tr {
      th:last-child, td:last-child {
        border-right:0;
      }
    }
    tbody {
      th {
      	background: #fff;
      	border-bottom:1px solid @border_main;
      }
      tr:nth-child(2n) {
        td {
          border-right:1px dotted @bg_light - #111;
          &:last-child {
          	border-right:0;
          }
        }
      }
      td {
        border-bottom:1px solid @border_main;
        -webkit-box-shadow:
          inset 0 1px 0 0 @bg_light,
          inset 0 -1px 0 #fff;
        box-shadow:
          inset 0 1px 0 0 @bg_light,
          inset 0 -1px 0 #fff;
      }
      h2 {
        font-size: 1em;
        letter-spacing: normal;
        font-weight: normal;
        a {
          font-weight: normal;
        }
      }
      tr:last-child {
        td:first-child {
          .border_radius_bottom(4px);
          .border_radius_right(0);
        }
        td:last-child {
          .border_radius_bottom(4px);
          .border_radius_left(0);
        }
        td {
          border-bottom: 0;
        }
      }
    }
}


/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/

/* 2.1 Containers & Columns */


/* 2.2 Navigation */
ul.nav { // Styles applied to all instances of navigation
	li {
		a {
			padding:.5em 1em;
			display: block;
		}
		&.current_page_item, &.current_page_parent, &.current-menu-ancestor, &.current-cat, &.li.current-menu-item {
			a {
				background: darken( @bg_top, 8% );
			}
		}
	}
}

#navigation{
	clear:both;
	margin-bottom: 1em;
	display: none;
	background: darken( @bg_top, 8% );
	.border_radius(.53em);
	ul {
		float: none;
		list-style: none;
		li {
			a {
				margin: 0 1.618em;
				padding: 1em 0;
				border-bottom: 1px solid darken(@border_top, 18%);
				color: @color_nav;
			}
		}
	}
	ul.cart {
		a.cart-contents {
			padding: 0 0 1.387em;
			border: 0;
		}
	}
}

/* 2.2.2 Top Navigation (optional) */
#top {
	background: @bg_top;
	padding: 0 1.387em 1em;
	select {
		margin: 1.618em 0 0;
		width:100%;
	}
	#top-nav {
		display: none;
	}
}

/* 2.3 Header */
#header {
	margin: 0 0 2.618em;
	padding:1.618em 2em 1.618em;
	clear: both;
	position: relative;
	background: @bg_top;
	#logo {
		float: left;
		margin-bottom: 1.618em;
		&:active {
			padding-top: .236em;
			.transition(all, ease-in-out, .2s);
		}
	}
	.site-title, .site-description {
	    color:#000;
	    display: none;
	    margin: 0;
	    a {
	    	color: #fff;
	    	text-transform: none;
	    	font-weight: bold;
	    	text-shadow: 1px 1px 0 rgba(0,0,0,.7);
	    	text-decoration: none;
	    	&:hover {
	    		text-decoration: none;
	    	}
	    }
	}
	hgroup {
		.clearfix;
        h1, h2, h3 {
            float:left;
            clear:left;
        }
	}
	.nav-toggle {
		float: right;
		cursor: pointer;
		margin: .7em 0 0;
		text-rendering: auto;
		-webkit-font-smoothing: none;
		&:after {
			.iconafter;
			content: "\f0c9";
			color: #fff;
			background: @color_buttons2;
			height:1.5em;
			width:1.5em;
			text-align: center;
			line-height: 1.75;
			.border_radius(2px);
		}

		a {
			color: #fff;
			.text_shadow(0,-1px,0,rgba(0,0,0,0.4));
			&:hover {
				text-decoration: none;
			}
		}

		span {
			display: none;
		}
	}
	.site-description {
		color: lighten(@color_body, 10%);
		font-family: @serif_google;
		font-style: italic;
	}
	#topad {
		float: right;
	}
}
#top-section {
	margin: 0 0 2.618em;
	padding: 1.681em 0;
	background: @bg_top + #222;
	border: 1px solid @bg_top + #333;
	border-width: 1px 0 0 0;
	.col-full { padding: 0 2em; }
	header {
		h1 {
			font-family: @headings_font;
			font-weight: 300;
			color: #fff;
			.text_shadow( 1px, -1px, 0, lighten(@bg_top, 10%) );
			margin: 0;
		}
	}
	#breadcrumbs {
		margin: .857em 0 0;
		color: fade(#fff, 45%);
		.trail-before { display: none; }
		.sep { padding: 0 .53em; }
		a { color: #fff; }
	}
}

body.has-slider, body.has-top-section {
	#header { margin: 0; padding: 1em 2em 1em; }
}

/* 2.4 Content */
#content  {
	margin: 0 2em;
}

/* 2.4.1 Slider */

/* 2.5 Sidebar */
#sidebar{
	overflow:hidden;
	.secondary {
		float: left;
		margin-right:20px;
		&.last { margin:0; }
	}
}

/* 2.6 Footer */
#footer-wrapper {
	padding: 4.236em 0 2.618em;
	background: @bg_bottom;
	border-top: 1px solid darken(@border_main, 10%);
	.inset_box_shadow( 0, 1px, 5px, 1px, darken(@bg_bottom, 10%));
	font-size: 1em;
}
#footer{
	font-size: .857em;
	margin: 0 2em;
	color: @color_body - #111;
	.copyright {
		margin: 0 0 .53em 0;
		img {
			vertical-align: middle;
		}
		span {
			display: none;
		}
	}
	.credit {
		margin: 0;
	}
	.col-left {
		font-size: .95em;
	}
	#footer-nav {
		margin: 0 0 .53em 0;
		overflow: hidden;
		li {
			float: left;
			display: inline-block;
			margin: 0 .53em 0 0;
			padding: 0 .53em 0 0;
			border-right: 1px solid @border_main;
			a {
				margin: 0;
				padding: 0;
				color: darken(@color_body, 31%);
			}
			&.current_page_item, &.current_page_parent, &.current-menu-ancestor, &.current-cat, &.li.current-menu-item {
				a {
					background: none;
					text-decoration: underline;
				}
			}
			&:last-child {
				border-right: 0;
				margin: 0;
				padding: 0;
			}
		}
	}
}

#footer-widgets {
	margin: 0 2em 2.244em 2em;
	padding-bottom: 1.618em;
	border-bottom: 1px solid darken(@border_main, 7%);
	h3 {
		font-family: @headings_font;
		font-weight: normal;
		font-size: 1.387em;
		margin: 0 0 1em;
	}
}

#footer-right {
	margin: 2.244em 0 0;
	.widget_woo_subscribe {
		padding: 0;
		margin: 0;
		border: 0;
		#connect {
			padding: 0;
			background: none;
			border: 0;
			p {
				display: none;
			}
			input[type="text"], input.input-text, textarea, input.txt, input[type="tel"], input[type="email"] {
				width: 204px;
				background: #f6f6f6;
				border: 1px solid #D1D1D1;
				padding: .4em .857em;
				color: #ACACAC;
				.border_radius(.236em);
			}
			.submit {
				padding: .52em 1.387em;
				margin-left: .618em;
			}
		}
	}
}

#footer-widgets, #footer-right {
	.widget_woothemes_features {
		.feature {
			border-bottom:1px solid darken(@border_main, 7%);
		}
	}
	.widget_woodojo_tweets {
		ul {
			li {
				border-bottom:1px solid darken(@border_main, 7%);
			}
		}
	}
	.widget_woothemes_testimonials {
		h2 {
			font-family: @headings_font;
			font-weight: 300;
			font-size: 1.387em;
			margin: 0 0 1em;
		}
		.quote {
			border-bottom:1px solid darken(@border_main, 7%);
		}
	}
}

/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/
#breadcrumb, .post .video {
	margin-bottom:1.618em;
}
.archive-header {
	display: block;
	float: left;
	width: 100%;
	margin:0 0 1.618em;
	padding:0 0 1em;
	font-weight: bold;
	border-bottom:@border_main 1px solid;
}
.archive-description {
	clear:both;
	margin-bottom:1.618em;
}

.post, .type-page, .type-feature, .type-testimonial, .search-results .page, .search-results .type-product, .search-results .type-feature, .search-results .type-testimonial {
	margin:0 0 2.618em;
	padding:0 0 2.618em;
	border-bottom: 1px solid @border_main;
	h1, h2, h3, h4, h5, h6 {
		font-family: @headings_font;
		font-weight: 300;
	}
	header h1 {
		font-size: 1em;
		margin: 0 0 .618em;
		a:link, a:visited {
			font-size: 2.244em;
			line-height: 1.387em;
			color: darken(@color_body, 31%);
		}
	}
	.post-meta {
		margin:0 0 1.618em 0;
		clear: both;
		font-size: .857em;
		color: lighten(@color_body, 15%);
		.img-wrap {
			width: 33px;
			height: 33px;
			margin: 0 .618em 0 0;
			padding: 3px;
			.border_radius(100em);
			display: inline-block;
			border: 1px solid @border_main;
			vertical-align: middle;
			.borderbox;
			.box_shadow(0, 1px, 1px, 0, lighten(@color_body, 45%));
		}
		img {
			padding: 0;
			.border_radius(100em);
			border: 0;
		}
		li  {
			display: inline;
			a {
				color: darken(@color_body, 15%);
				line-height: 2.618em;
			}
			&.post-author {
				a { color: @color_links; }
			}
		}
	}
	.post-more {
		clear: both;
	}
	p.tags {
		width:100%;
		clear:both;
		margin: 0;
		&:before  {
			.iconbefore();
			content: '\f02c';
		}
	}
	.entry {
		ul, ol  {
			margin-left: 1.618em;
		}
		ul.products {
			margin-left:0;
		}
		blockquote  {
			position: relative;
			margin: 0 0 1.618em;
			padding: 0 0 0 2.618em;
			quotes:"\201C""\201D""\2018""\2019";
			font-style: italic;
			&:before  {
				content: open-quote;
				position: absolute;
				top: 0;
				left: 0;
				font-family: @serif;
				font-size: 4em;
				line-height: 1;
				margin: 0;
				vertical-align: -.4em;
			}
		}
	}

	/* 3.1 Images */
	img, img.thumbnail {
		padding:.327em;
		border:1px solid @border_main;
		.border_radius(.202em);
		background: #fff;
		max-width: 100%;
		height: auto;
		.box_shadow(1px, 1px, 0, 0, @border_main);
		&:hover {
			border-color: darken(@border_main, 5%);
		}
	}
	img.wp-smiley {
		padding:0;
		border: 0;
	}
	.alignleft {
		float: left;
		margin:0 1.618em 1.618em 0;
	}
	.alignright {
		float: right;
		margin:0 0 1.618em 1.618em;
	}
	.aligncenter {
		display: block;
		text-align: center;
		margin:0 auto 1.618em;
	}
	.wp-caption {
		padding:.077em;
		text-align: center;
		background: @bg_light;
		border: 1px solid @border_main;
		max-width: 100%;
		img {
			margin:0;
			padding:.327em 0;
			background: none;
			border: 0;
		}
	}
	.wp-caption-text {
		margin:0;
		padding:0;
		text-align: center;
	}
}
.entry img { height: auto; }

.type-page {

}

/* 3.2 Pagination / WP-Pagenavi / Woo-Pagination */
.nav-entries, .wp-pagenavi, .woo-pagination {
	padding: 0 0 1.618em;
}
.nav-entries {
	a {
		display: block;
		color: @color_body;
		text-decoration: none;
		&:hover { text-decoration: underline; }
	}
}
.woo-pagination {
	margin:0;
	margin:0 0.146em;
	.page-numbers {
		display: inline;
		text-decoration: none;
		color: darken(@color_body, 18%);
		margin: 0 .53em 0 0;
		padding:.327em 0;
		font-weight: bold;
		.border_radius(.236em);
		.box_shadow(0 1px 2px 0 rgba(0,0,0,0.1));
		&:hover {
			text-decoration: underline;
		}
		&.current  {
			color: #fff;
			background: @color_buttons;
			padding: .327em .618em;
		}
	}
}

/* 3.3 Single Post Author */
#post-author {
	background: @bg_light;
	.box_shadow(2px, 2px, 1px, 0, @border_main);
	border: 1px solid @border_main + #111;
	.border_radius(.327em);
	margin: 0 0 1.618em;
	padding:1.618em;
	clear:both;
	.profile-image {
		float: left;
		margin:0 1.618em .382em 0;
		padding:.327em;
		border:1px solid @border_main;
		.border_radius(.236em);
		background: #fff;
		max-width: 100%;
		height: auto;
	}
}
body.has-subscribe-connect {
	#post-author { margin: 0 0 2.244em; }
}

/* 3.4 Post Entry Nav */
#post-entries {
	padding: 0 0 1.618em;
	margin: 0 0 1.618em;
	border-bottom: 1px solid @border_main;
}

/* 3.5 Connect */
#connect {
	background: @bg_light;
	.box_shadow(2px, 2px, 1px, 0, @border_main);
	border: 1px solid @border_main + #111;
	.border_radius(.327em);
	padding:1.618em;
	margin: 0 0 2.244em;
	clear:both;
	.newsletter-form {
		.email {
			width:140px;
		}
	}
	.social {
		a {
			.opacity(0.8);
			.transition();
			&:hover {
				.opacity(1);
			}
		}
	}
	.related-posts {
		border-left:1px solid @border_main;
		padding-left:2.244em;
		ul {
			list-style: none;
		}
	}
	.social  {
		a  {
			&:hover  { text-decoration: none; }
		}
		a:before {
			font-family: Social;
			font-size: 1.9em;
			line-height: 1;
			margin-right: 0.2em;
		}
		a.subscribe:before { content: '\e002'; }
		a.twitter:before { content: '\e004'; }
		a.facebook:before { content: '\e005'; }
		a.youtube:before { content: '\e008'; }
		a.flickr:before { content: '\e006'; }
		a.linkedin:before { content: '\e000'; }
		a.delicious:before { content: '\e001'; }
		a.googleplus:before { content: '\e003'; }
	}
}

.widget #connect {
	.fl, .fr {
		float: none;
	}
}

#main #connect {
	.col-left, .col-right {
		width:46%;
	}
}

/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/

/* 4.1 Generic Widgets */
.widget  {
	margin-bottom: 1.618em;
	h3 {
		margin: 0 0 .857em;
		font-size: 1em;
		font-weight: bold;
	}
	ul {
		clear: both;
		list-style: none;
		li {
			margin: 0 0 .618em;
			&:last-child {
				margin: 0;
			}
			a {
				color: @color_links_widgets;
				text-decoration: none;
				&:hover {
					text-decoration: underline;
				}
			}
		}
	}
}

/* 4.2 Specific Widgets */
/* SEARCH FORM */
#searchform  {
	margin: 0;
	width: 100%;
	position: relative;
	.s, #s {
		display: inline-block;
		font-size: .857em;
		padding: .53em;
		width: auto;
		.borderbox();
		border: 1px solid @border_main;
		.border_radius(.236em);
		margin:0;
		color: @color_body;
	}
	.search-submit {
		margin: 0 0 0 1em;
		padding: .44em 1em .48em 1em;
	}
	label { display: none; }
}

/* FLICKR */
.widget_woo_flickr {
	h3 {
		span {
			color:#0051d8;
			span {
				color:#ff1183;
			}
		}
	}
	.flickr_badge_image {
		float: left;
		margin:0.236em;
	}
	.wrap {
		position: relative;
		margin-bottom:1.618em;
		padding:0;
	}
	a {
		img {
			float: left;
			margin:0 0 0.618em 0.618em;
			display: block;
			border: 1px solid @border_main;
			padding:.236em;
		}
		&:hover {
			img {
				border-color: darken(@border_main, 10%);
			}
		}
	}
}

/* CALENDAR */
#wp-calendar{
	width:95%;
	margin-bottom:1.618em;
	clear:both;
	padding:0;
	caption {
		padding:1em;
	}
	th, td {
		text-align: center;
		background: darken(@bg_light, 10%);
		padding:.236em 0;
	}
	td {
		background: transparent;
		color: lighten(@color_body, 10%);
	}
}

/* BLOG AUTHOR */
.widget_woo_blogauthorinfo {
	.avatar {
		padding:.327em;
		border:1px solid @border_main;
		.border_radius(.202em);
		background: #fff;
		max-width: 100%;
		height: auto;
		.box_shadow(1px, 1px, 0, 0, @border_main);
	}
	.left {
		float: left;
		margin:0 1em .618em 0;
	}
	.right {
		float: right;
		margin:0 .618em 1em;
	}
	p {
		a {
			padding: .4em 1em;
			border:0;
			background: @color_buttons;
			color: white;
			text-align: center;
			text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
			.border_radius(.236em);
		}
	}
}

/* TWITTER */
.widget_woo_twitter {
	.back {
		padding:1em;
		background: @bg_light;
		.border_radius(.327em);
	}
	h3 {
		border-bottom:0;
		margin:0;
	}
	ul {
		background: #fff;
		padding-left:0;
		border:1px solid @border_main;
		li {
			border-bottom:1px solid @border_main;
			padding:1em;
			list-style: none;
			&:last-child {
				border: none;
			}
			a {
				padding:0;
			}
			.time {
				color: lighten(@color_body, 10%);
			}
		}
	}
	p {
		font-weight: bold;
		color: lighten(@color_body, 10%);
		a { color: darken(@color_body, 20%); }
	}
}

/* WOOTABS */
.widget_woodojo_tabs, .woocommerce_tabs, .woocommerce-tabs {
	clear:both;
	ul.nav-tabs, ul.tabs {
		margin-bottom:1.387em;
		list-style: none;
		border-bottom: 1px solid @border_main;
		.clearfix;
		li {
			float: left;
			margin-bottom:0;
			display: block;
			a {
				border-bottom:0;
				background: none;
				border: 0;
				border-bottom-width:0;
				border-right-width:0;
				display: block;
				color: @color_body;
				margin:0 !important;
				-webkit-border-radius:0 !important;
				-moz-border-radius:0 !important;
				border-radius:0 !important;
				padding:.382em .618em !important;
				&:hover {
					color: @color_links;
					background: none;
				}
			}
			&:last-child {
				a {
					border-right-width: 1px;
				}
			}
			&.active {
				position: relative;
				a {
					position: relative;
					background: #fff;
					color: darken(@color_body, 31%);
					.border_radius_top(.202em) !important;
					&:hover {
						text-decoration: none;
					}
					&:after {
						content: "";
						display: block;
						position: absolute;
						bottom:-4px;
						left:0;
						right:0;
						height:4px;
						background: #fff;
					}
				}
			}
		}
	}
}

.widget_woodojo_tabs {
	img {
		border: 1px solid @border_main;
		.border_radius(.202em);
		padding: .202em;
		margin-right: 1.2em !important;
	}
	.meta {
		font-size: .857em;
		color: lighten(@color_body, 20%);
	}
	.tabbable {
		.tab-pane {
			li {
				margin-bottom: 1.387em;
			}
		}
	}
}

.widget_woodojo_instagram {
	ul.alignleft li {
		float: left;
		margin: 0 .618em .618em 0;
	}
	img {
		background: #fff;
		border: 1px solid @border_main;
		.border_radius(.202em);
		padding: .202em;
	}
}
.widget_woo_flickr {
	.flickr_badge_image {
		margin: 0 .618em .618em 0;
	}
	a {
		img {
			background: #fff;
			border: 1px solid @border_main;
			.border_radius(.202em);
			padding: .202em;
			margin: 0;
		}
	}
}
.widget_woodojo_tweets {
	.follow-link {
		a {
			padding: .618em 1.618em;
			border:0;
			background: #43AFD8;
			color: white;
			text-align: center;
			text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
			.border_radius(.236em);
		}
	}
	.time-ago {
		display: block;
		font-size: .857em;
		a {
			color: lighten(@color_body, 20%);
		}
	}
	ul {
		li {
			border-bottom:1px solid @border_main;
			&:last-child {
				border: 0;
			}
		}
	}
}

.widget_woodojo_twitterprofile, .widget_woodojo_instagram_profile {
	h4 {
		font-weight: bold;
	}
	img {
		padding:.327em;
		border:1px solid @border_main;
		.border_radius(.202em);
		background: #fff;
		max-width: 100%;
		height: auto;
		.box_shadow(1px, 1px, 0, 0, @border_main);
		&:hover {
			border-color: darken(@border_main, 5%);
		}
	}
	img.alignleft  { float: left; margin: 0 1.618em 1.618em 0; }
	img.alignright  { float: right; margin: 0 0 1.618em 1.618em; }
	img.aligncentre  { display: block; margin: 0 auto 1.618em; }
}

/* Features Widget */
.widget_woothemes_features {
	.clearfix;
}

#main {
	h1, h2, h3, h4, h5, h6 {
		font-family: @headings_font;
		font-weight: 300;
	}
}

/* Features Widget */
.widget_woothemes_features {
	.feature {
		width: 100%;
		float: left;
		padding: 1.618em 0;
		border-bottom:1px solid @border_main;
		&.last {
			margin-right: 0 !important;
		}
		.feature-image {
			display: block;
			float: left;
			margin: 0 1.387em 1em 0;
			width: 20%;
			img {
				border: 0;
				padding: 0;
				.box_shadow(0,0,0,0);
				.border_radius(0);
			}
		}
		.feature-content {
			float:right;
			width: 73%;
		}
	}
}

/* Testimonials Widget */
.widget_woothemes_testimonials {
	h2 {
		font-size: 1em;
		font-weight: bold;
	}
	.quote {
		float: left;
		width: 100%;
		border-bottom:1px solid @border_main;
		padding: 1.618em 0;
		.testimonials-image {
			float: left;
			display: block;
			margin: 0 1em 1em 0;
			img {
				padding: .202em;
				border:1px solid @border_main;
				.border_radius(.202em);
				background: #fff;
				max-width: 100%;
				height: auto;
				.box_shadow(1px, 1px, 0, 0, @border_main);
			}
		}
		.testimonials-text {
			margin: 0 0 1.387em;
			padding: 0;
			&:before, &:after {
				content: none;
			}
		}
		.author {
			color: lighten(@color_body, 15%);
			font-size: .857em;
			font-style: normal;
			.url {
				display: block;
			}
		}
	}
}

/* Homepage Widgets Styling */
#main {
	.widget {
		padding: 0 0 2.244em;
		margin: 0 0 2.244em;
		border-bottom: 1px solid darken(@border_main, 5%);
		h3 {
			font-size: 2.244em;
			margin: 0 0 1.387em;
		}
	}
	.widget_woothemes_features {
		padding: 0 0 1em;
		.feature {
			margin: 0 0 2.244em 0;
			padding: 0;
			border: 0;
			h3 {
				font-family: @headings_font;
				font-weight: 300;
				font-size: 1.618em;
				color: darken( @color_body, 31% );
				a {
					color: darken( @color_body, 31% );
				}
			}
			.feature-image {
				margin: .202em 0 0;
			}
		}
	}
	.widget_woothemes_testimonials {
		border: 0;
       	padding: 0;
		h2 {
			margin: 0;
			font-family: @headings_font;
			font-weight: 300;
			font-size: 2.244em;
			color: darken( @color_body, 31% );
		}
		.quote {
			padding: 2.244em 0;
			border-bottom: 1px solid @border_main;
			.testimonials-image {
				margin: .202em 0 0;
				width: 22%;
			}
			.testimonials-content {
				float:right;
				width: 76%;
			}
		}
	}
	#sidebar {
		h3 {
			font-family: @sans;
			margin: 0 0 .857em;
			font-size: 1em;
			font-weight: bold;
		}
		.widget {
			padding: 0;
			border: 0;
		}
	}
}

#intro-message {
	margin: 2.244em 0;
	header {
		h1 {
			font-family: @headings_font;
			font-weight: 300;
			font-size: 1.618em;
			color: darken( @color_body, 31% );
			text-align: center;
		}
		.woo-sc-button {
			font-size: .618em;
			&.small { font-size: .53em; }
			&.large { font-size: .857em; }
			&.xl { font-size: 1em; }
		}
	}
}

#page-content {
	margin: 0 0 2.244em;
	border-bottom: 1px solid @border_main;
	article {
		padding: 1.387em 0 2.244em;
		&.has-featured-image {
			padding: 1.387em 0 0;
			.featured-image {
				margin: 0 0 1.387em;
			}
			.article-content {
			}
		}
	}
}

/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/

/* 5.1 Comments */
#comments {
	position:relative;
	h3 { padding: 0; margin: 1.387em 0; }
	.commentlist { margin: 0 0 3em; }
	.comment {
		position: relative;
		width:100%;
		list-style: none;
		#respond {
			padding: 0;
			h3 {
				margin: 0 0 .53em;
				padding: 0;
				small { font-size: .6em; }
			}

		}
		&.thread-even {
		}
		&.bypostauthor {
		}
		.comment-container {
			position: relative;
			padding: 2.244em 0 1em;
			border-bottom: 1px solid @border_main;
		}
		.comment-head {
			margin: 0 0 1em 3.94em;
			color: lighten(@color_body, 30%);
			.name {
				color: @color_body;
				margin:0;
				font-weight: bold;
				a { color: @color_body; }
			}
			.date, .edit, .perma { }
		}
		.avatar {
			float: left;
			margin:0;
			padding: .202em;
			.border_radius(100em);
			display: inline-block;
			border: 1px solid @border_main;
			vertical-align: middle;
			.borderbox;
			.box_shadow(0, 1px, 1px, 0, lighten(@color_body, 45%));
			img {
				padding: 0;
				.border_radius(100em);
				border: 0;
			}
		}

		.comment-entry {
			font-size: .9em;
			margin-left: 4.236em;
		}
		.reply {
			position: absolute;
			right: .857em;
			top: 2.6em;
			a {
				background: none;
				border: 0;
				color: darken(@color_body, 15%);
				text-shadow: none;
				margin:0;
				padding: 0;
				font-weight: bold;
				.box_shadow(0, 0, 0, 0);
				&:hover {
					text-decoration: underline;
				}
				&:active {
					.box_shadow(0,0,0,0);
					border:0;
				}
			}
		}
	}

	ul.children {
		margin:0 0 0 1.618em;
		padding:0;
		li {
		}
		.cancel-comment-reply {  }
	}

	.navigation {
		a {
			display: block;
			text-decoration: none;
		}
	}
	.pingbacks {
		li.pingback {
			margin: 0 0 1.618em;
			.reply {
				display: none;
			}
		}
	}
	.nocomments {
		font-size: .857em;
		font-weight: bold;
		border: 1px solid @border_main;
		.border_radius(.232em);
		padding: .618em 1.387em;
		margin: 0 0 2.244em;
	}
}


/* 5.2 Comments Form */
#respond  {
	label {
		color: @color_body;
		font-size: .857em;
		margin: 0 0 .618em;
	}
	#reply-title {
		small {
			display: block;
		}
	}
	#commentform  {
		.comment-form-author, .comment-form-email, .comment-form-url {
			width:30.75%;
			float: left;
			margin-right:3.8%;
		}
		.comment-form-url {
			margin-right:0;
		}
		label {
			display:block;
		}
		input.txt, textarea {
			width:100%;
		}
		textarea {
			height: 9.505em;
		}
	}
}

#comments, #respond  {
	h3 {
		font-weight: bold;
		margin: 0 0 1em;
		color: @color_headings + #111;
	}
}
#comments {
	h3 {
		margin: 0;
	}
}

/* 5.3 Pingbacks / Trackbacks */
.pinglist {
	li {
		margin: 0 0 0 1.618em;
		list-style-type: decimal;
		.author {
			font-weight: bold;
		}
		.date { }
		.pingcontent {
			display: block;
			margin:0 0 1.618em;
		}
	}
}

/*-------------------------------------------------------------------------------------------*/
/* 6. PAGE TEMPLATES */
/*-------------------------------------------------------------------------------------------*/

/* 6.1 Timeline Page Template */
#archives {
	.archives_list {
		border-left:1px solid @border_main;
		list-style: none;
		margin:0 0 1em 1em;
		li {
			clear: left;
			padding-left:2.387em;
			padding-bottom: 1.387em;
			margin-bottom: 1.387em;
			border-bottom:1px solid @border_main;
			font-style: normal;
			list-style: none;
			&:last-child {
				border-bottom: 0;
			}
		}
		.date {
			color: lighten(@color_body, 10%);
			display: block;
		}
		.linked {
			display: block;
		}
		.comments {
			display: block;
			a {
				color: lighten(@color_body, 15%);
				text-decoration: underline;
				&:hover {
					text-decoration: none;
				}
			}
		}
	}
}
h3.archive_year {
	font-weight: bold;
	color: @color_body;
	margin-top:0;
}

/* 6.2 Contact Form */
#contact-page {
	.clearfix();
	.screenReader {
		left: -9999px;
		position: absolute;
		top: -9999px;
	}
	ol.forms {
		float: left;
		list-style: none;
		width:100%;
		li {
			clear: both;
			float: left;
			margin-bottom:1.618em;
			position: relative;
			width:48%;
			&:first-child {
				margin-right:3.8%;
			}
			&:nth-child(2n) {
				clear: none;
			}
			&.textarea, &.screenReader, &.inline, &.buttons {
				width:100%;
			}
			input.txt, textarea {
				width:100%;
			}
			.error {
				display: block;
				color: red;
			}
			&.textarea {
				.error {
					display: block;
				}
			}
			&.screenReader {
				margin-bottom:0;
			}
			&.inline {
				input {
					width:auto;
				}
				label {
					display: inline;
					float: none;
					width:auto;
				}
			}
		}
		label {
			cursor: pointer;
			display: block;
			font-weight:700;
			margin:0 0 1em;
		}
		input#sendCopy {
			border: none;
			margin-right:1em;
		}
	}
}
.entry #contact-page ol.forms li {
	list-style: none;
}
.page-template-template-contact-php {
	#single_map_canvas img  { max-width: inherit; }
	.location-twitter  {
		.col-left  {
			float: none;
		}
		margin: 0 0 1.618em;
		padding:  0 0 1.618em;
		border-bottom: 1px solid @border_main;
		ul  {
			margin: 0;
			padding: 0;
		}
		ul li  {
			list-style: none;
			padding: 0;
		}
		#office-location {
			margin: 0 0 1.618em;
	        a {
	        	text-decoration: underline;
	        }
	        ul {
	        	li {
	        		margin: 0 0 1em;
	        	}
	        }
	    }
	    .contact-social  {
	    	float: none;
	    	#twitter {
	    		margin: 0 0 1.618em;
	    	    ul {
	    	    	li {
	    	    		a.time {
	    	    			color: lighten(@color_body, 15%);
	    	    		}
	    	    	}
	    	    }
	    	}
	    	#connect  {
	    		background: none;
	    		border: none;
	    		border-top: 1px solid @border_main;
	    		padding: 1.618em 0 0;
	    		margin: 1.618em 0 0;
	    		.border_radius(0);
	    		.box_shadow(0, 0, 0, 0);
	    		float: none;
	    		h3  {
	    			display: none;
	    		}
	    		.social  {
	    			float: none;
	    		}
	    		.newsletter-form {
	    			float: none;
	    		}
	    	}
	    }
	}
}

/* 6.3 Image Gallery */
#main div.gallery  {
	margin-left: -10px;
	dl.gallery-item  {
		dt.gallery-icon  {
			margin: 7%;
		}
		img  {
			border: none;
			.box_shadow(0,0,5px,0,rgba(0,0,0,0.2));
		}
	}
}

.image-gallery-item img {
	max-width: 100%;
	padding:.236em;
	margin: 0 1em 1em 0;
	border:1px solid darken(@bg_light,10%);
	background:@bg_light;
	.border_radius(.236em);
	&:hover {
		border: 1px solid darken(@bg_light,20%);
		.box_shadow(0,1px,.327em,0px,rgba(0,0,0,.2));
	}
}

/* 6.4 Archives & Sitemap */
.page-template-template-archives-php,  .page-template-template-sitemap-php  {
	#main  {
		.post, .page  {
			h3, h4  {
				font-weight: bold;
			}
			ul, ol  {
				list-style: none;
				margin-left: 0;
				li {
					margin: 0 0 .236em;
				}
				ul, ol  {
					margin-left: 20px;
				}
			}
		}
	}
}
@media screen and (max-width: 768px) {
	.page-template-template-archives-php,  .page-template-template-sitemap-php  {
		#main  {
			.fl, .fr  {
				float: none!important;
			}
		}
	}
}

/*-------------------------------------------------------------------------------------------*/
/* 7. FEATURED SLIDER */
/*-------------------------------------------------------------------------------------------*/

/* 7.1 Core Styles */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles */
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.flexslider .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .flexslider .slides {display: block;}
* html .flexslider .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .flexslider .slides > li:first-child {display: block;}

/* 7.2 Theme Styles */
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url('@{imagepath}/bg_direction_nav.png') no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

/* 7.3 Content Styles */
.flexslider .slide-content { float: left; }
.flexslider .slide-media { float: right; }
.flexslider .has-video .slide-media { float: none; width: 100%; height: auto; }

/*-------------------------------------------------------------------------------------------*/
/* 8. MISC */
/*-------------------------------------------------------------------------------------------*/

/* 8.1 Forms */
// Input / Textarea
input[type=text], input.input-text, textarea, input.txt, input[type=tel], input[type=email] {
	padding: .236em .5em;
	color: @color_body;
	background: #FCFCFC;
	border: 1px solid darken(@border_main, 7%);
	.border_radius(.146em);
	font-size: 1em; /* Make inputs the same size as normal text */
	line-height: 1.618em;
	font-family: inherit; /* Make inputs use the correct typeface instead of the browser default */
	outline:none;
	.borderbox();
}

/* 8.2 Buttons (Includes WF chortcode buttons) */
a.button,
a.comment-reply-link,
#commentform #submit,
.submit,
input[type=submit],
input.button,
button.button,
#wrapper .woo-sc-button {
	display: inline-block;
	padding: .382em 1.618em;
	border:0;
	background: @color_buttons;
	color: white;
	text-align: center;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	text-decoration: none;
	font-size: .96em; /* Make inputs the same size as normal text */
	font-family: inherit; /* Make inputs use the correct typeface instead of the browser default */
	font-weight: bold;
	cursor: pointer; /* Inputs need pointers! */
	overflow: visible; /* IE fix */
	width:auto; /* IE fix */
	line-height: 1.618em;
	-webkit-appearance: none; /* Remove iOS glare */
	.borderbox;

	.box_shadow(2px, 2px, 3px, 0, @border_main);
	.border_radius(.236em);

	&:hover { text-decoration: none; }
	&:active {
		-webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3);
		-moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3);
		box-shadow: inset 0 0 7px hsla(0,0%,0%,.3);
	}

	&.large { font-size:1.387em; }
	&.small { font-size:.857em; }

	&.red {
		background: #d72323;
		&:hover {
	    	background: darken( #d72323, 6% );
		}
	}
	&.orange {
	    background: #d76b23;
	    &:hover {
	    	background: darken( #d72323, 6% );
		}
	}

	&.green {
	    background: @color_buttons2;
	    &:hover {
	    	background: darken( @color_buttons2, 6% );
		}
	}

	&.aqua {
	    background: #23d7af;
	    &:hover {
	    	background: darken( #23d7af, 6% );
		}
	}

	&.teal {
	    background: #23abd7;
	    &:hover {
	    	background: darken( #23abd7, 10% );
		}
	}

	&.purple {
	    background: #2356d7;
	    &:hover {
	    	background: darken( #2356d7, 6% );
		}
	}

	&.pink {
	    background: #d723d5;
	    &:hover {
	    	background: darken( #d723d5, 6% );
		}
	}

	&.silver {
	   color: #444 !important;
	   text-shadow:0 1px #fff;
	   background: #d8d8d8;
	    &:hover {
	    	background: darken( #d8d8d8, 6% );
		}
	}
}

/* 8.3 Shortcode info boxes */
p.woo-sc-box, div.woo-sc-box {
	margin: 1em 0 1.5em 0;
	padding: 9px 10px 9px 50px;
	border-width: 1px 0 1px 0;
	color: darken(@color_body, 15%);
	text-shadow:none;
	&.rounded {
		.border_radius(5px);
	}
	&.alert {
		border-color:#f0baa2;
		background-color:#ffd9c8;
	}
	&.download {
		border-color:#d4ebaf;
		background-color:#edfcd5;
	}
	&.tick {
		border-color:#d4ebaf;
		background-color:#edfcd5;
	}
	&.info {
		border-color: @border_main;
		background-color: @bg_light;
	}
	&.note {
		border-color:#efe3ae;
		background-color:#fef6d2;
	}
	&.normal {
		border-color: @border_main;
		background-color: @bg_light;
	}
}


/* 8.4 Gravity forms */
ul.gform_fields {
	li {
		list-style: none;
	}
}

.gfield {
	margin-bottom: 1.618em;
}

.gfield_label {
	width:100%;
	font-weight: bold;
	margin-bottom:.618em;
	display: block;
}

.gfield_required {
	color:red;
}

.ginput_container {
	.clearfix;
	margin-bottom:1.618em;

	label {
		display: block;
	}

	input, textarea {
		width:100%;
	}

	.ginput_left, .ginput_right, .ginput_full {
		margin-bottom:1em;
		display: block;
		label {
			font-size:.875em;
		}
	}

	.ginput_left, .ginput_right {
		width:48%;
		float: left;
		clear: left;
	}

	.ginput_right {
		float: right;
		clear: none;
	}

	.gfield_checkbox, .gfield_radio {
		margin-left:0;

		label {
			display: inline-block;
			margin-left:.618em;
		}

		input {
			width:auto;
		}
	}
}

img.ui-datepicker-trigger { border: 0; padding:0; }

/* 8.5 IE specific styling */
.ie6 {
}
.ie7 {
}
.ie8 {
	img { width: auto !important; }
	.widget_woo_blogauthorinfo .avatar  { width: auto; }
	.widget .product_list_widget {
		li {
			img { width:3.631em !important; }
		}
	}
}

/*-------------------------------------------------------------------------------------------*/
/* 9. FEATURED SLIDER */
/*-------------------------------------------------------------------------------------------*/

#featured-slider {
	margin: 0 0 2.618em;
	padding: 0 2em .618em;
	background: @bg_top;
	color: @color_slider - #111;
	.text_shadow(0, -1px, 0, darken( @bg_top, 15% ) );
	h1, h2, h3, h4, h5, h6 {
		font-family: @headings_font;
		font-weight: 300;
		color: @color_slider;
		.text_shadow(0, -1px, 0, darken( @bg_top, 15% ) );
	}
	header {
		h1 {
			font-size: 2.618em;
		}
	}
	.flexslider {
		background: none;
		border: 0;
		.box_shadow(0,0,0,0);
		&:hover {
			.flex-next { .opacity(.8); right: 0;}
			.flex-prev { .opacity(.8); left: 0;}
		}
	}
	.flex-direction-nav {
		z-index: 9999;
		li { display: inline-block; }
		a { position: static; width: 46px; height: 46px; margin: 0 10px 0 0; display: block; background: url('@{imagepath}/featured_slider_nav.png') no-repeat 0 0; top: 50%; cursor: pointer; text-indent: -9999px; .opacity(1); -webkit-transition: all .3s ease; }
		.flex-next { background-position: 100% 0; right: -5.874em; }
		.flex-prev { left: -5.874em; }
	}
	.flex-direction-nav {
		.flex-next { background-position: 100% 0; right: 0; }
		.flex-prev { left: 0; }
	}

	.woo-sc-button {
		padding: .53em 1.387em;
		.box_shadow(2px, 2px, 3px, 0, rgba(0,0,0,0.05) );
	}
	.slide-media {
		margin: 0 0 1.618em;
	}

	/* Control Nav */
	.flex-control-nav  {
		position: absolute;
		width: 100%;
		bottom: -2.618em;
		right: 0;
		z-index: 9998;
		padding: 0;
		text-align: center;
		display: block;
		li  {
			display: inline-block;
			padding: 0;
			margin: 0 5px;
			height: 19px;
			width: 19px;
			line-height: 1;
			list-style: none;
			.border_radius(30px);
			border: 3px solid rgba(0,0,0,0.3);
			cursor: pointer;
			a  {
				display: inline-block;
				height: 0;
				width: 9px;
				overflow: hidden;
				padding-top: 9px;
				.border_radius(10px);
				border: 5px solid #000;
				background: #000;
				cursor: pointer;
				&:hover  {
					background: @bg_light;
				}
				&.flex-active  {
					background: @bg_light;
				}
			}
		}
	}
}