/******************************************************************************************************************* 

	Theme Name: Photographer
	Theme URL: http://www.organicthemes.com/
	Description: The Photographer Theme is designed and developed by David Morgan of Organic Themes.
	Author: Organic Themes
	Author URI: http://www.organicthemes.com
	Version: 2.1
	Tags: white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, translation-ready, 
	custom-menu (optional), theme-options, featured-image-header, featured-images, full-width-template, 
	pagination, blog-template
	
	The CSS, XHTML and Design are released under the GPL:
	http://www.opensource.org/licenses/gpl-license.php

********************************************************************************************************************

	Table of Contents:

	 0.	Hyperlinks
	 1.	Global		
	 2.	Headings
	 3.	Header
	 4.	Navigation
	 5.	Slideshow
	 6.	Grid
	 7.	Homepage
	 8.	Social Media
	 9.	Content
	10.	Shop Page
	11.	Pagination
	12.	Wordpress Gallery
	13.	Portfolio
	14.	Images
	15.	Sidebar
	16.	Sidebar Widgets
	17.	Custom Menu Widget
	18.	Calendar Widget
	19. Recent Comments
	20.	Search Form
	21.	Footer
	22. Buttons
	23. Comments
	24. Forms
	25. Tables
	  
*******************************************************************************************************************/

body {
	background: #F9F9F9;
	color: #666666;
	font-size: 0.8em;
	font-family: 'Merriweather', Georgia, 'Times New Roman', Times, serif;
	line-height: 2.2;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
/************************************************
*	0.	Hyperlinks								*
************************************************/

a img {
	border: none;
	}
a {
	color: #000000;
	text-decoration: underline;
	transition: background .25s, color .25s;
	-moz-transition: background .25s, color .25s;
	-webkit-transition: background .25s, color .25s;
	-o-transition: background .25s, color .25s;
	}
a:focus, a:hover, a:active {
	color: #66CCCC;
	text-decoration: underline;
	outline: none;
	}
#submit, #searchsubmit {
	transition: background .25s, color .25s;
	-moz-transition: background .25s, color .25s;
	-webkit-transition: background .25s, color .25s;
	-o-transition: background .25s, color .25s;
	}
	
/************************************************
*	1.	Global									*
************************************************/

p {
	padding: 8px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
	}
em {
	font-style: italic;
	}
strong {
	font-weight: bold;
	}	
hr {
	border: 0;
	width: 100%;
	height: 1px;
	color: #DDDDDD;
	background-color: #DDDDDD;
	margin: 6px 0px 8px 0px;
	padding: 0px;
	}
ol, ul {
	list-style: none;
	}
ol {
	margin: 0px 0px 0px 20px;
	padding: 10px 0px 10px 0px;
	}
ol li {
	list-style-type: decimal;
	margin: 0px 0px 0px 20px;
	padding: 5px 0px 5px 0px;
	}
ul {
	list-style-type: none;
	margin: 0px 0px 0px 5px;
	padding: 5px 0px 5px 0px;
	}
ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
ul li {
    list-style: inside;
    list-style-type: square;
    margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 15px;
	}
ul ul li {
    list-style: inside;
    list-style-type: square;
    margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 15px;
	}
blockquote {
	color: #999999;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-style: italic;
	line-height: 30px;
	margin: 20px 25px 20px 25px;
	padding: 0px 20px 0px 20px;
	border-left: 2px solid #DDDDDD;
	}
blockquote p {
	margin: 0px;
	padding: 0px;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
code {
	color: #666666;
	background: #F9F9F9;
	font-size: 0.8em;
	margin: 12px 0px;
	padding: 6px 10px;
	display: block;
	font-family: Verdana, Tahoma, Verdana;
	border: 1px dashed #DDDDDD;
	}
img, iframe, object, embed {
	max-width: 100%;
	}
img, object, embed {
	height: auto;
	margin: 0px auto 0px;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
.clear {
	clear: both;
	}
.hidden {
	display: none;
	}
.text-left { 
	text-align: left; 
	}
.text-right { 
	text-align: right; 
	}
.text-center { 
	text-align: center; 
	}

/************************************************
*	2.	Headings								*
************************************************/

h1 {
	color: #58aef9;
	font-size: 2.2em;
	font-family: 'Oswald', Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;
	margin: 4px 0px 4px 0px;
	padding: 4px 0px 4px 0px;
	line-height: 1.4;
	}
h2 {
	color: #333333;
	font-size: 2em;
	font-family: 'Oswald', Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;
	margin: 4px 0px 4px 0px;
	padding: 4px 0px 4px 0px;
	line-height: 1.4;
	}
h3 {
	color: #333333;
	font-size: 1.8em;
	font-family: 'Oswald', Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;
	margin: 4px 0px 4px 0px;
	padding: 4px 0px 4px 0px;
	line-height: 1.6;
	}
h4 {
	color: #000000;
	font-size: 1.4em;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 4px 0px 4px 0px;
	padding: 4px 0px 4px 0px;
	line-height: 1.6;
	}
h5 {
	color: #000000;
	font-size: 1.2em;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 4px 0px 4px 0px;
	padding: 4px 0px 4px 0px;
	line-height: 1.6;
	}
h6 {
	color: #000000;
	font-size: 1.1em;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 4px 0px 4px 0px;
	padding: 4px 0px 4px 0px;
	border-bottom: 1px solid #DDDDDD;
	line-height: 1.6;
	}
h1 a, h2 a, h3 a, 
h4 a, h5 a, h6 a {
	color: #000000;
	text-decoration: none;
	border: none;
	}
h1 a:hover, h2 a:hover, h3 a:hover, 
h4 a:hover, h5 a:hover, h6 a:hover {
	color: #66CCCC;
	text-decoration: none;
	border: none;
	}
.headline {
	font-size: 3em;
	line-height: 1.4;
	margin-top: 0px;
	padding-top: 0px;
	}
.headline-small {
	font-size: 2em;
	line-height: 1.4;
	}
.title {
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-transform: none;
	margin-bottom: 12px;
	}
	
/************************************************
*	3.	Header  								*
************************************************/

#header {
	margin: 0px;
	padding: 0px;
	}
#header #masthead {
	display: block;
	width: 100%;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 0px;
	}
#header .site-title {
	display: block;
	font-family: 'Oswald', Helvetica, Arial, sans-serif;
	font-size: 3.2em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0px;
	line-height: 1.2;
	padding: 0px;
	margin: 0px;
	}
#header .site-description {
	display: block;
	color: #666666;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	text-transform: none;
	line-height: 1.8;
	overflow: hidden;
	}
#custom-header {
	display: block;
	font-size: 0;
	text-align: center;
	text-indent: -999em;
	line-height: 0;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	z-index: 8;
	}
#custom-header img {
	display: block;
	height: auto;
	margin: 0px auto 0px;
	padding: 0px;
	vertical-align: bottom;
	}
	
/************************************************
*	4.	Navigation      						*
************************************************/

#navigation {
	display: block;
	background: none;
	font-size: 0.9em;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.2px;
	margin: 0px auto 0px;
	padding: 0px;
	}
#navigation-mobile {
	display: none;
	}
	
/*** ESSENTIAL STYLES ***/
.menu, .menu * {
	margin:	0;
	padding: 0;
	list-style:	none;
	}
.menu {
	text-align: center;
	}
.menu ul {
	margin: 0px;
	padding: 0px;
	}
.menu ul ul, ul.menu ul {
	background: #FFFFFF;
	position: absolute;
	top: -9999px;
	width: 180px; /* left offset of submenus need to match (see below) */
	margin: 0px;
	box-shadow: 0px 0px 2px #CCCCCC;
	-moz-box-shadow: 0px 0px 2px #CCCCCC;
	-webkit-box-shadow: 0px 0px 2px #CCCCCC;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
ul.menu ul, ul.sub-menu {
	left: 50%;
	margin-left: -90px;
	}
.menu ul ul ul, ul.menu ul ul {
	margin: 0px;
	}
.menu ul li ul li, ul.menu ul li {
	width: 100%;
	margin: 0px 0px 0px 0px;
	}
.menu li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
	}
.menu li {
	display: inline-block;
	position: relative;
	}
.menu a {
	display: inline-block;
	position: relative;
	}
.menu li:hover ul,
.menu li.sfHover ul {
	top: 50px; /* match top ul list item height */
	z-index: 99;
	}
ul.menu li:hover li ul,
ul.menu li.sfHover li ul {
	top: -9999px;
	}
ul.menu li li:hover ul,
ul.menu li li.sfHover ul {
	left: 184px; /* match ul width */
	top: 0;
	}
ul.menu li li:hover li ul,
ul.menu li li.sfHover li ul {
	top: -9999px;
	}
ul.menu li li li:hover ul,
ul.menu li li li.sfHover ul {
	left: 184px; /* match ul width */
	top: 0;
	}
	
/*** SKIN ***/
#navigation .menu .current_page_item a,
#navigation .menu .current_page_ancestor a,
#navigation .menu .current-menu-item a,
#navigation .menu .current-cat a {
	color: #333333;
	}
#navigation .menu li .current_page_item a, #navigation .menu li .current_page_item a:hover,
#navigation .menu li .current-menu-item a, #navigation .menu li .current-menu-item a:hover,
#navigation .menu li .current-cat a, #navigation .menu li .current-cat a:hover {
	color: #333333;
	}
#navigation .menu .current_page_item ul li a,
#navigation .menu .current-menu-item ul li a,
#navigation .menu .current-menu-ancestor ul li a,
#navigation .menu .current_page_ancestor ul li a,
#navigation .menu .current-cat ul li a {
	color: #999999;
	}
#navigation .menu .current_page_item ul li a:hover,
#navigation .menu .current-menu-item ul li a:hover,
#navigation .menu .current-menu-ancestor ul li a:hover,
#navigation .menu .current_page_ancestor ul li a:hover,
#navigation .menu .current-menu-ancestor ul .current_page_item a,
#navigation .menu .current_page_ancestor ul .current-menu-item a,
#navigation .menu .current-cat ul li a:hover {
	color: #333333;
	}
.menu {
	margin-bottom: 0;
	}
.menu .home a {
	border-left: none;
	}
.menu a {
	color: #999999;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	margin: 0px;
	padding: 0px 12px;
	border-left: 1px solid #CCCCCC;
	}
.menu a, .menu a:link, .menu a:visited {
	color: #999999;
	text-shadow: none;
	}
.menu a:focus, .menu a:hover, .menu a:active {
	color: #58aef9;
	outline: 0;
	}
.menu li:first-child a {
	border-left: none;
	}
.menu li li a {
	display: block;
	color: #999999;
	height: auto;
	line-height: 32px;
	margin: 0px 12px;
	padding: 0px;
	text-align: center;
	text-decoration: none;
	border-left: none;
	border-top: 1px solid #EEEEEE;
	}
.menu ul.sub-menu li:first-child a {
	border-top: none;
	}
.menu li li a:focus, .menu li li a:hover, .menu li li a:active {
	color: #333333;
	outline: 0;
	}
.menu li {
	line-height: 60px;
	margin: 0px;
	}
.menu li li, .menu li ul {
	line-height: 0;
	}
.menu li:hover, .menu li.sfHover {
	outline: 0;
	}
.menu li li:hover, .menu li li.sfHover {
	outline: 0;
	} 
	
/*** ARROWS ***/
.menu a.sf-with-ul {
	padding-right: 24px;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
	}
.menu li li a.sf-with-ul {
	padding-right: 0;
	}
.sf-sub-indicator {
	position: absolute;
	display: block;
	right: 10px;
	top: 2px; /* IE6 only */
	width: 10px;
	height:	10px;
	text-indent: -9999px;
	overflow: hidden;
	background:	url(images/arrows-ffffff.png) no-repeat -10px -100px; 
	}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top: 2px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
	}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
	}
/* point right for anchors in subs */
.menu ul ul .sf-sub-indicator, ul.menu ul .sf-sub-indicator { 
	background-position:  -10px 0; 
	}
.menu ul ul a > .sf-sub-indicator, ul.menu ul a > .sf-sub-indicator { 
	top: 9px;
	right: 0;
	background-position: 0 0; 
	}
/* apply hovers to modern browsers */
.menu ul ul a:focus > .sf-sub-indicator,
.menu ul ul a:hover > .sf-sub-indicator,
.menu ul ul a:active > .sf-sub-indicator,
.menu ul ul li:hover > a > .sf-sub-indicator,
.menu ul ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
	}
  
/************************************************
*	5.	Slideshow		      					*
************************************************/

#slideshow {
	padding: 40px;
	position: relative;
	}
#slideshow ul, #slideshow li, #slideshow ol {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
#slideshow .featureimg {
	text-align: center;
	margin: 0px auto 0px;

	}
.flexslider {
	width: 100%; 
	margin: 0; 
	padding: 0;
	}
.loading {
	background: url(images/preloader.gif) no-repeat center center;
	min-height: 400px;
	}
.flexslider .slides > li {
	-webkit-backface-visibility: hidden;
	}
.flexslider .slides img {
	display: block;
	max-width: 100%; 
	margin: 0px auto 0px;
	}
.flex-pauseplay span {
	text-transform: capitalize;
	}

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

/* No JavaScript Fallback */
.no-js .flexslider .slides > li:first-child {
	}
	
.flexslider .slides {
	zoom: 1;
	}
.flexslider .slides > li {
	position: relative;
	}
.flex-container {
	zoom: 1; 
	position: relative;
	}

/* Caption style */
.flex-caption {
	background: none; 
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); 
	zoom: 1;
	}
.flex-caption {
	width: 96%; 
	padding: 2%; 
	margin: 0; 
	position: absolute; 
	left: 0; 
	bottom: 0; 
	background: rgba(0,0,0,.3); 
	color: #fff; 
	text-shadow: 0 -1px 0 rgba(0,0,0,.3); 
	font-size: 14px; 
	line-height: 18px;
	}

/* Direction Nav */
.flex-direction-nav { 
	height: 0;
	z-index: 9;
	}
.flex-direction-nav li a {
	width: 80px; 
	height: 80px; 
	margin: -40px 0 0; 
	display: block;  
	position: absolute; 
	top: 50%; 
	cursor: pointer; 
	text-indent: -999em;
	}
.flex-direction-nav li .flex-next {
	background: url(images/next_btn.png) no-repeat;
	background-position: -80px 0px;
	right: -80px;
	}
.flex-direction-nav li .flex-prev {
	background: url(images/prev_btn.png) no-repeat;
	left: -80px;
	}
.flex-direction-nav li .flex-next,
.flex-direction-nav li .flex-prev {
	transition: background 0s, color 0s;
	-moz-transition: background 0s, color 0s;
	-webkit-transition: background 0s, color 0s;
	-o-transition: background 0s, color 0s;
	}
.flex-direction-nav li .flex-prev:hover {
	background-position: -80px 0px;
	}
.flex-direction-nav li .flex-next:hover {
	background-position: 0px 0px;
	}
.flex-direction-nav li .disabled {
	opacity: .3; 
	filter: alpha(opacity=30); 
	cursor: default;
	}

/* Control Nav */
.flex-control-nav {
	width: 100%; 
	position: absolute; 
	text-align: center;
	line-height: 46px;
	left: 0;
	bottom: 0; 
	}
.flex-control-nav li {
	display: inline-block;
	margin: 0px; 
	padding: 4px !important;
	zoom: 1; 
	*display: inline;
	}
.flex-control-nav li:first-child {
	margin: 0;
	}
.flex-control-nav li a {
	display: block; 
	background: #CCCCCC; 
	width: 6px; 
	height: 6px; 
	line-height: 0;
	cursor: pointer; 
	text-indent: -999em;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
.flex-control-nav li a:hover {
	background: #666666;
	}
.flex-control-nav li a.flex-active {
	background: #333333; 
	cursor: default;
	}
		
/************************************************
*	6.	Grid	 					     	    * 
************************************************/

#wrap { 
	padding: 0px 20px;
	}
.container { 
	background: #FFFFFF;
	max-width: 980px;
	margin: 0px auto 0px;
	}
.row { 
	width: 100%; 
	max-width: 980px; 
	min-width: 727px; 
	margin: 0 auto; 
	}
	/* To fix the grid into a certain size, set max-width to width */
.row .row { 
	min-width: 0; 
	}
.column, .columns { 
	margin-left: 4.4%; 
	float: left; 
	min-height: 1px; 
	position: relative; 
	}
.column:first-child, .columns:first-child { 
	margin-left: 0; 
	}
[class*="column"] + [class*="column"]:last-child { 
	float: right; 
	}

.row .one 		{ width: 4.3%; }
.row .two 		{ width: 13%; }
.row .three 	{ width: 21.679%; }
.row .four 		{ width: 30.37%; }
.row .five 		{ width: 39.1%; }
.row .six 		{ width: 47.8%; }
.row .seven 	{ width: 56.5%; }
.row .eight 	{ width: 65.2%; }
.row .nine 		{ width: 73.9%; }
.row .ten 		{ width: 82.6%; }
.row .eleven 	{ width: 91.3%; }
.row .twelve 	{ width: 100%; }

.row .offset-by-one 	{ margin-left: 13.1%; }
.row .offset-by-two 	{ margin-left: 21.8%; }
.row .offset-by-three 	{ margin-left: 30.5%; }
.row .offset-by-four 	{ margin-left: 39.2%; }
.row .offset-by-five 	{ margin-left: 47.9%; }
.row .offset-by-six 	{ margin-left: 56.6%; }
.row .offset-by-seven 	{ margin-left: 65.3%; }
.row .offset-by-eight 	{ margin-left: 74.0%; }
.row .offset-by-nine 	{ margin-left: 82.7%; }
.row .offset-by-ten 	{ margin-left: 91.4%; }

.row .centered { float: none; margin: 0 auto; }

.row .offset-by-one:first-child 	{ margin-left: 8.7%; }
.row .offset-by-two:first-child 	{ margin-left: 17.4%; }
.row .offset-by-three:first-child 	{ margin-left: 26.1%; }
.row .offset-by-four:first-child 	{ margin-left: 34.8%; }
.row .offset-by-five:first-child 	{ margin-left: 43.5%; }
.row .offset-by-six:first-child 	{ margin-left: 52.2%; }
.row .offset-by-seven:first-child 	{ margin-left: 60.9%; }
.row .offset-by-eight:first-child 	{ margin-left: 69.6%; }
.row .offset-by-nine:first-child 	{ margin-left: 78.3%; }
.row .offset-by-ten:first-child 	{ margin-left: 87%; }
.row .offset-by-eleven:first-child 	{ margin-left: 95.7%; }
	
/* Source Ordering */
.push-two 		{ left: 17.4% }
.push-three 	{ left: 26.1%; }
.push-four 		{ left: 34.8%; }
.push-five 		{ left: 43.5%; }
.push-six 		{ left: 52.2%; }
.push-seven 	{ left: 60.9%; }
.push-eight 	{ left: 69.6%; }
.push-nine 		{ left: 78.3%; }
.push-ten 		{ left: 87%; }

.pull-two 		{ right: 17.4% }
.pull-three 	{ right: 26.1%; }
.pull-four 		{ right: 34.8%; }
.pull-five 		{ right: 43.5%; }
.pull-six 		{ right: 52.2%; }
.pull-seven 	{ right: 60.9%; }
.pull-eight 	{ right: 69.6%; }
.pull-nine 		{ right: 78.3%; }
.pull-ten 		{ right: 87%; }
	
img { -ms-interpolation-mode: bicubic; }
#map_canvas img, .map_canvas img {max-width: none !important;}
 
/* Nicolas Gallagher's micro clearfix */
.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }

.block-grid { display: block; overflow: hidden; }
.block-grid>li { display: block; height: auto; float: left; }

.block-grid.two-up { margin-left: -4% }
.block-grid.two-up>li { margin-left: 4%; width: 46%; }
.block-grid.two-up>li:nth-child(2n+1) {clear: left;} 

.block-grid.three-up { margin-left: -2% }
.block-grid.three-up>li { margin-left: 2%; width: 31.3%; }
.block-grid.three-up>li:nth-child(3n+1) {clear: left;} 

.block-grid.four-up { margin-left: -2% }
.block-grid.four-up>li { margin-left: 2%; width: 23%; }
.block-grid.four-up>li:nth-child(4n+1) {clear: left;} 

.block-grid.five-up { margin-left: -1.5% }
.block-grid.five-up>li { margin-left: 1.5%; width: 18.5%; }
.block-grid.five-up>li:nth-child(5n+1) {clear: left;} 


/************************************************
*	7.	Homepage	 	        		     	* 
************************************************/

#homepage {
	padding: 40px;
	overflow: hidden;
	border-top: 1px solid #DDDDDD;
	}
#homepage .featured-page .featureimg {
	margin-bottom: 24px;
	}
#homepage .home-btn {
	display: block;
	background: #F9F9F9;
	color: #333333;
	font-size: 2em;
	font-family: 'Oswald', Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1.4;
	text-align: center;
	margin-bottom: 40px;
	padding: 24px 12px;
	}
#homepage .home-btn:hover {
	color: #FFFFFF;
	background: #66CCCC;
	}
	
/************************************************
*	8.	Social Media   							*
************************************************/

.social {
	float: right;
	height: 24px;
	margin: 0px;
	padding: 0px;
	}
.tweet-btn, .like-btn, .pin-btn, .plus-btn {
	float: right;
	display: inline-block;
	width: 92px;
	height: 22px;
	margin: 2px;
	padding: 0px;
	overflow: hidden;
	}
.plus-btn {
	width: 72px !important;
	}
.pin-btn {
	width: 54px !important;
	}
.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
	display: none !important;
	}
.share-holder {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	line-height: 0;
	margin-top: -24px;
	margin-left: -56px;
	opacity: .9;
	filter: alpha(opacity=90);
	padding: 6px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
.share-holder a {
	line-height: 0;
	margin: 2px;
	padding: 0;
	}
.share-holder a:hover {
	text-decoration: none;
	}
.share-holder i {
	color: #FFFFFF;
	font-size: 24px;
	line-height: 1;
	margin: 4px 8px 0px 8px;
	}
.share-holder .sm_32_icon {
	background: #111111;
	border: 1px solid #000000;
	}
.share-holder .sm_32_icon span {
	box-shadow: inset 0px 0px 1px 1px #333333;
	-moz-box-shadow: inset 0px 0px 1px 1px #333333;
	-webkit-box-shadow: inset 0px 0px 1px 1px #333333;
	}
.social-icons {
	text-align: center;
	padding: 24px 0px 0px 0px;
	}
.social-icons i {
	font-size: 1.6em;
	font-smooth: never;
	line-height: 30px;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, .3);
	margin-left: 8px;
	}
.social-icons a i {
	color: #999999;
	text-decoration: none;
	}
.social-icons a:hover i {
	color: #333333;
	}
	
/************************************************
*	9.	Content		 	        		     	* 
************************************************/

.container.blog-full,
.container.shop {
	background: none;
	overflow: visible;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	}
.post-date {
	color: #999999;
	font-size: 0.9em;
	font-style: italic;
	margin-top: -12px;
	}
.postarea {
	margin: 0px 0px 0px 0px;
	padding: 40px 0px 40px 40px;
	overflow: hidden;
	}
.postarea.blog-full {
	padding: 0px;
	overflow: visible;
	}
.postarea.blog-full .blog-holder {
	background: #FFFFFF;
	margin: 0px 0px 40px 0px;
	}
.postarea.blog-full .blog-holder:last-child {
	margin-bottom: 0px;
	}
.postarea.full,
.postarea.blog-full .blog-holder {
	padding: 40px;
	}
.postarea.blog-small .article {
	margin-bottom: 40px;
	}
.postarea.shop {
	padding: 0px;
	}
.postarea.blog-full .postmeta {
	padding-bottom: 0px;
	border-bottom: none;
	}
.postmeta {
	display: block;
	font-size: 0.8em;
	line-height: 24px;
	margin: 24px 0px 0px 0px;
	padding: 12px 0px 12px 0px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	overflow: hidden;
	}
.postmeta p {
	float: left;
	margin: 0px;
	padding: 0px;
	}
.postmeta i {
	color: #CCCCCC;
	font-size: 12px;
	margin-right: 4px;
	position: relative;
	top: 1px;
	}
.meta-text {
	display: inline-block;
	}
.article {
	display: block;
	margin: 10px 0px 0px 0px;
	}
.avatar {
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	margin: 10px 20px 10px 0px;
	padding: 4px;
	}
.author-avatar {
	float: left;
	display: block;
	width: 20%;
	margin-top: 20px;
	padding-right: 3.6%;
	}
.author-avatar .avatar {
	display: block;
	margin: 0px;
	padding: 0px;
	border: none;
	}
.author-column {
	float: right;
	width: 72%;
	margin-top: 20px;
	padding-left: 4%;
	border-left: 1px solid #DDDDDD;
	}
.archive-column {
	float: left;
	width: 30%;
	margin: 0px;
	padding: 20px 5% 0px 0px;
	}
.archive-column.last {
	padding-right: 0;
	}
.error-404 {
	background: #FFFFFF;
	margin: 0px;
	padding: 40px;
	overflow: hidden;
	}

/************************************************
*	10.	Shop Page	  		      			   	* 
************************************************/

.woocommerce a.added_to_cart, 
.woocommerce-page a.added_to_cart {
	width: 100%;
	}
	
/************************************************
*	11.	Pagination 	  		      		     	* 
************************************************/

.pagination {
	float: left;
	display: block;
	width: 100%;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
	font-weight: bold;
	text-align: center;
	line-height: 24px;
	margin: 0px;
	padding: 12px 0px;
	position: relative;
	z-index: 9;
	}
.pagination .page-numbers {
	display: inline-block;
	background: #FFFFFF;  
	color: #666666; 
	height: 24px;
	width: 24px;
	text-decoration: none;
	margin: 0px 2px;
	padding: 0px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);
	}
.pagination .page-numbers:hover,
.pagination .page-numbers:active {
	background: #000000; 
	color: #FFFFFF;
	height: 24px;
	width: 24px;
	line-height: 24px;
	padding: 0px; 
	border-radius: 12px;
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	}
.pagination .page-numbers.current {
	display: inline-block;
	background: #000000; 
	color: #FFFFFF; 
	height: 24px;
	width: 24px;
	line-height: 24px; 
	padding: 0px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	}
.post-navigation {
	display: block;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
.previous-post {
	float: left;
	font-size: 0.9em;
	margin-top: 24px;
	}
.next-post {
	float: right;
	font-size: 0.9em;
	margin-top: 24px;
	}
.page-links {
	display: block;
	overflow: hidden;
	margin: 12px 0px;
	}
.page-links .link-label {
	color: #000000;
	font-weight: bold;
	margin-left: 0px;
	}
.page-links span {
	margin: 0px 3px;
	}
	
/************************************************
*	12.	WordPress Gallery					    *
************************************************/

.gallery {
	margin: auto;
	padding: 0px;
	}
.gallery-item {
	margin: 2px;
	}
.gallery img {
	background: #F9F9F9;
	padding: 6px;
	border: none !important;
	}
.gallery img:hover {
	background: #333333;
	padding: 6px;
	}
.gallery br {
	display:none;
	}
.gallery:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.gallery-caption {
	font-size: 0.8em;
	padding: 0px 10px;
	}

/************************************************
*	13.	Portfolio  				     		    * 
************************************************/
	
.container.portfolio {
	background: none;
	overflow: visible;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	}
.container.portfolio .twelve.columns {
	margin-left: 0px;
	}
.container.portfolio .one-half {
	max-width: 480px;
	margin: 0px;
	padding: 0px;
	}
.container.portfolio .one-half .postarea.portfolio {
	padding: 18px;
	}
.container.portfolio .one-third {
	max-width: 312px;
	margin: 0px;
	padding: 0px;
	}
.container.portfolio .one-third .postarea.portfolio {
	padding: 12px;
	}
.container.portfolio .information {
	padding: 12px 12px 0px 12px;
	overflow: hidden;
	}
.container.portfolio .twelve.columns .information {
	padding-top: 24px;
	}
.postarea.portfolio {
	display: block;
	background: #FFFFFF;
	margin: 0px auto 20px;
	padding: 40px;
	}
.postarea.portfolio .featureimg {
	line-height: 0;
	text-align: center;
	margin: 0px auto 0px;
	overflow: hidden;
	}
	
/************************************************
*	14.	Images  					   		    * 
************************************************/

.featureimg {
	display: block;
	text-align: center;
	line-height: 0;
	}
img.centered {
	display: block;
	margin: 12px auto 12px;
	padding: 0px;
	}
img.alignnone {
	padding: 0px;
	margin: 12px 0px;
	display: inline;
	}
img.alignright {
	padding: 0px;
	margin: 12px 0px 12px 24px;
	display: inline;
	}
img.alignleft {
	display: inline;
	padding: 0px;
	margin: 12px 24px 12px 0px;
	}
.aligncenter {
	margin: 12px auto 12px;
	}
.alignright {
	float: right;
	margin: 12px 0px 12px 24px;
	}
.alignleft {
	float: left;
	margin: 12px 24px 12px 0px;
	}
.wp-caption {
	background: #F9F9F9;
	max-width: 100%;
	text-align: center;
	padding: 0px 0px 6px 0px;
	margin-bottom: 12px;
	border: 1px solid #DDDDDD;
	}
.wp-caption img {
	max-width: 96%;
	margin: 0px auto 0px;
	padding: 6px 6px 0px 6px;
	}
.wp-caption p.wp-caption-text {
	display: inline;
	font-size: 0.8em;
	line-height: 1.6;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.postarea.full .featureimg img,
.postarea.full .featurevid,
.postarea.blog-full .featureimg img,
.postarea.blog-full .featurevid,
.postarea.blog-small .featureimg img,
.postarea.blog-small .featurevid {
	display: block;
	text-align: center;
	margin: 12px auto 12px;
	overflow: hidden;
	}
.postarea.portfolio .featureimg,
.postarea.portfolio .featurevid {
	text-align: center;
	line-height: 0;
	margin: 0px auto 0px;
	overflow: hidden;
	}
.postarea .featureimg.page img {
	float: left;
	margin: 0px 30px 30px 0px;
	}
	
/************************************************
*	15.	Sidebar		 	       			     	* 
************************************************/

.sidebar {
	margin: 0px 0px 0px 0px;
	padding: 40px 40px 40px 0px;
	}
.sidebar.home {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.sidebar .widget:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
	
/************************************************
*	16.	Sidebar Widgets							*
************************************************/

.widget {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 15px 0px;
	}
.widget ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.widget ul li {
	display: inline;
	background: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
.widget ul li a {
	display: block;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	line-height: 1.8;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	}
.widget ul li a:hover {
	display: block;
	text-decoration: none;
	}
.widget ul ul {
	margin: 0px 0px 0px 10px;
	}
.textwidget p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
.tagcloud {
	line-height: 1.8;
	}
	
/************************************************
*	17.	Custom Menu Widget						*
************************************************/

.sidebar ul.menu {
	float: none;
	text-align: left;
	}
.sidebar ul.menu .current_page_item a, 
.sidebar ul.menu .current-menu-item a {
	color: #66CCCC;
	background: none;
	border: none;
	}
.sidebar ul.menu li a {
	display: block;
	background: none;
	color: #000000;
	height: auto;
	line-height: 1.8;
	text-align: left;
	text-shadow: none;
	letter-spacing: 0px;
	border: none;
	}
.sidebar ul.menu li a:hover {
	color: #66CCCC;
	background: none;
	border: none;
	}
.sidebar ul.menu li {
	float: none;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
	}
.sidebar ul.menu li span {
	top: 8px;
	right: 0px;
	}
.sidebar ul.menu li ul.sub-menu {
	width: 100%;
	top: 0;
	left: 0;
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: 9;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	}
.sidebar ul.menu li ul.sub-menu span {
	display: none;
	}
.sidebar ul.menu li ul.sub-menu li a {
	padding-left: 10px;
	}
.sidebar ul.menu li ul.sub-menu li ul.sub-menu li {
	display: none;
	}

/************************************************
*	18.	Calendar Widget							*
************************************************/

#calendar_wrap {
	margin: 0px auto 0px;
	padding: 5px 0px;
	}
#wp-calendar {
	width: 100%;
	text-align: center;
	}
#wp-calendar a {
	margin: 0px !important;
	}
#wp-calendar caption {
	font-size: 16px;
	margin: 5px 0px 5px 0px;
	}
#wp-calendar #prev a {
	float: left;
	margin: 10px 0px 0px 0px !important;
	text-align: left;
	}
#wp-calendar #next a {
	float: right;
	margin: 10px 0px 0px 0px !important;
	text-align: right;
	}
	
/************************************************
*	19.	Recent Comments							*
************************************************/

#recentcomments li {
	display: block !important;
	padding: 4px 0px;
	}
#recentcomments .recentcomments a {
	background: none;
	}
	
/************************************************
*	20.	Search Form								*
************************************************/

#searchform {
	margin: 0px;
	padding: 0px;
	}
#searchform label {
	display: none;
	}
#s {
	float: left;
	background: #F9F9F9;
	color: #999999;
	width: 68%;
	height: 36px;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-size: 1em;
	line-height: 36px;
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 0px 8px !important;
	border: none;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);
	}
.sidebar .widget_search {
	background: none;
	overflow: hidden;
	}
.sidebar #searchsubmit {
	float: right;
	width: 20%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 32px;
	height: 36px;
	margin: 0px 0px 0px 2.8%;
	padding: 0px 12px;
	cursor: pointer;
	}
	
/************************************************
*	21.	Footer  								*
************************************************/

#footer {
	margin: 0px;
	padding: 0px;
	}
.footer {
	font-family: 'Helvetica Neue', Arial, sans-serif;
	text-align: center;
	margin: 0px;
	padding: 12px 0px 24px 0px;
	}
.footer p {
	font-size: 0.85em;
	color: #999999;
	font-weight: normal;
	line-height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
/************************************************
*	22.	Buttons  								*
************************************************/

.btn, .reply a, #searchsubmit, #prevLink a, #nextLink a, .more-link,
#submit, #comments #respond input#submit, #wrap .gform_wrapper input.button {
	display: inline-block;
	color: #CCCCCC !important;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: italic;
	font-size: 1em;
	line-height: 2;
	text-decoration: none;
	text-shadow: none;
	margin: 12px 0px;
	padding: 6px 12px;
	background: #333333;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: none;
	}
.btn:hover, .reply a:hover, #searchsubmit:hover, #prevLink a:hover, #nextLink a:hover, .more-link:hover,
#submit:hover, #comments #respond input#submit:hover, #wrap .gform_wrapper input.button:hover {
	color: #FFFFFF !important;
	text-decoration: none;
	background: #66CCCC;
	border: none;
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);
	}
	
/************************************************
*	23.	Comments								*
************************************************/

#author, #email, #url {
	background: #FFFFFF;
	color: #666666;
	font-size: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0px;
	padding: 5px;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: inset 1px 1px 1px #DDDDDD;
	-moz-box-shadow: inset 1px 1px 1px #DDDDDD;
	-webkit-box-shadow: inset 1px 1px 1px #DDDDDD;
	}
#comment {
	background: #FFFFFF;
	color: #666666;
	font-size: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 5px 0px;
	padding: 5px;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: inset 1px 1px 1px #DDDDDD;
	-moz-box-shadow: inset 1px 1px 1px #DDDDDD;
	-webkit-box-shadow: inset 1px 1px 1px #DDDDDD;
	}
#comments {
	background: #F9F9F9;
	margin-top: 24px;
	padding: 12px 24px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
#comments-title {
	font-size: 2em;
	margin: 4px 0px 8px 0px;
	padding: 4px 0px 8px 0px;
	}
#reply-title {
	margin: 0px;
	padding: 0px;
	}
.commentlist li .avatar {
	float: right;
	background: #FFFFFF;
	margin: 0px 0px 12px 12px;
	padding: 6px;
	border: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
.commentlist {
	margin: 0px;
	padding: 0px;
	}
.commentlist ol {
	margin: 0px;
	padding: 10px;
	}
.commentlist li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-top: 1px solid #DDDDDD;
	}
.commentlist li:last-child {
	border-bottom: 1px solid #DDDDDD;
	}
.commentlist li ul li {
	padding-left: 24px;
	}
.commentlist li ul li:last-child {
	border-bottom: none;
	}
.commentlist p {
	margin: 10px 0px;
	padding: 0px;
	}
.comment {
	padding: 18px 0px;
	}
#commentform {
	margin: 5px 0px 0px 0px;
	}
#commentform #submit {
	padding: 6px 12px !important;
	}
#commentform textarea {
	width: 97.8% !important;
	padding: 2%;
	}
.commentlist li #respond {
	border-top: 1px solid #DDDDDD;
	}
#respond {
	padding-top: 20px;
	}
#respond:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	}
#cancel-comment-reply-link {
	display: block;
	font-family: 'Merriweather', Georgia, 'Times New Roman', Times, serif;
	font-size: 0.7em;
	font-weight: normal;
	text-transform: none;
	margin: 6px 0px 18px 0px;
	}
.form-submit #submit {
	margin-top: 0px !important;
	}
p.logged-in-as {
	margin-top: -6px;
	}
.nocomments {
	display: none;
	}
.comment-edit-link {
	float: right;
	display: inline-block;
	font-size: 0.8em;
	line-height: 1;
	margin-top: -18px;
	padding: 0px;
	}
.reply {
	margin: 0px;
	padding: 6px 0px;
	}
.reply a, .reply a:visited {
	margin: 0px !important;
	padding: 4px 12px;
	}
.commentmetadata {
	font-size: 10px;
	line-height: 14px;
	margin: 0px;
	display: block;
	}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
	}
.form-allowed-tags {
	display: none;
	}
.thread-alt, .thread-even {
	margin: 0px;
	padding: 0px;
	}
.children {
	margin: 0px;
	padding: 0px;
	}
.even, .alt {
	margin: 0px;
	padding: 0px;
	}

/************************************************
*	24. Forms									*
************************************************/

.container .ginput_complex .ginput_right br,
.container .gform_footer br {
	display: none;
	}
.container form {
	display: block;
	overflow: hidden;
	}
.container form ul li {
	list-style: none;
	padding: 0px;
	}
.container form legend {
	font-weight: bold;
	padding-top: 10px;
	}
.container form label {
	margin-top: 6px;
	}
.container form input[type='url'],
.container form input[type='tel'],
.container form input[type='email'],
.container form input[type='text'],
.container form input[type='password'],
.container form input[type='number'],
.container form textarea,
.container form select {
	display: block;
	background: #F9F9F9;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.4;
	padding: 4px;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1);
	}
.container form input[type='url'],
.container form input[type='tel'],
.container form input[type='email'],
.container form input[type='text'],
.container form input[type='password'],
.container form input[type='number'] {
	width: 42%;
	}
.container form textarea {
	width: 96% !important;
	}
.container form input[type='checkbox'],
.container form input[type='radio'] {
	margin-left: 0px;
	margin-right: 6px;
	}
.container form input[type='submit'] {
	margin-top: 0px;
	height: 36px;
	}
.container form select {
	width: auto;
	}
	
/************************************************
*	25. Tables		 							*
************************************************/

table {
	background: #FFFFFF;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	width: 100%;
	margin: 20px 0px;
	padding: 0px;
	border-collapse: collapse;
	}
.widget table {
	margin: 0px;
	}
table thead,
table tfoot {
	border: 1px solid #E4E4E4;
	}
table thead th,
table tfoot td {
	border: none;
	}
table th {
	background: #EEEEEE;
	font-size: 1.2em;
	text-align: center;
	margin: 0px;
	padding: 8px 10px;
	border: 1px solid #E4E4E4;
	}
table td {
	padding: 5px 10px;
	margin: 0px;
	border: 1px solid #E4E4E4;
	}