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

	Theme Name: Garnish
	Theme URI: http://www.themezilla.com/themes/garnish
	Description: A Clean Cut Portfolio Theme
	Author: ThemeZilla
	Author URI: http://www.themezilla.com
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.3.1
	
	Designed & Handcrafted by ThemeZilla
	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

-----------------------------------------------------------------------------------

	0.	CSS Reset & Clearfix
	1.	Document Setup (body, common classes, vertical rhythm, structure etc)
	3.	Header Styles
	4.	Navigation & Menus
	5.	Main Content Styles
	6.	Post Content Styles
	7.	Comments
	8.	Pagination
	9.	Footer Styles
	10.	Page Templates
		10.a Archive Templates
		10.b Full Width Templates
		10.c Contact Templates
		10.d Home Templates
	11.	Widgets
	12.	Shortcode Styles
	13. Post Formats
		13.a Quote
		13.b Link
		13.c Image
		13.d Gallery
		13.e Audio & Video

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


/*-----------------------------------------------------------------------------------*/
/*	0.	CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/reset/
/*-----------------------------------------------------------------------------------*/

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, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */


/*-----------------------------------------------------------------------------------*/
/*	1.	Document Setup (body, common classes, vertical rhythm, structure etc)
/*-----------------------------------------------------------------------------------*/

body, 
input,
button,
textarea {
	border: none;
	font: 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.hidden { display: none; }

.alignleft { float: left; }

.alignright { float: right; }

.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	clear: both;
}

.clear {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width:100%;
}

a { text-decoration: none; }

a:hover { text-decoration: none; }

a img { border: none; }

p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form,
.gallery-row,
.post-thumb,
.author-bio,
#logo { margin-bottom: 20px; }

.hentry,
.navigation-links,
.hfeed,
.pinglist { margin-bottom: 40px; }

.widget
.children,
.entry-content ol ol,
.entry-content ol ul,
.entry-content ul ul,
.comment-body ol ol,
.comment-body ol ul,
.comment-body ul ul,
.widget ul ul { margin-bottom: 0; }

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 { margin-bottom: 20px; }

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	padding: 0;
}

h1 {
	font-size: 24px;
	line-height: 28px;
}

h2 {
	font-size: 20px;
	line-height: 22px;
}

h3 {
	font-size: 16px;
	line-height: 20px;
}

h4 {
	font-size: 14px;
	line-height: 18px;
}

h5 {
	font-size: 12px;
	line-height: 18px;
}

h6 {
	font-size: 10px;
	line-height: 16px;
}

.page-title {
	font-size: 14px;
	font-weight: bold;
}

.entry-title,
.entry-title a {
	font-size: 20px;
	line-height: 28px;
	font-weight: bold;
}
	
#primary {
	float: left;
	width: 680px;
	margin: 30px 0 39px 0;
}

.layout-2cl #primary { float: right; }

#content {
	width: 940px;
	margin: 0 auto;
	margin-top: 20px;
}

#sidebar {
	float: right;
	width: 220px;
	margin: 20px 0 39px 0;
}

.layout-2cl #sidebar { float: left; }

#footer {
	width: 940px;
	margin: 0 auto;
}

.seperator { 
	line-height: 1px;
	overflow: hidden;
	height: 2px;
}

.line {
	float: left;
	height: 1px;
	width: 20px;
}

/*-----------------------------------------------------------------------------------*/
/*	3.	Header Styles
/*-----------------------------------------------------------------------------------*/

#header {
	width: 940px;
	margin: 0 auto;
	padding: 40px 0 0 0;
}

#header-top { margin: 0 0 20px 0; }

#logo { 
	float: left;
	margin: 0;
}

#logo a {
	font-weight: bold;
	font-size: 24px;	
}

#logo a:hover { text-decoration: none; }

.page-title {
	color: #999;
	font-size: 14px;
	line-height: 22px;
	font-weight: normal;
	margin: 0 0 20px 0;
}

/*-----------------------------------------------------------------------------------*/
/*	4.	Navigation & Menus
/*-----------------------------------------------------------------------------------*/

/*** ESSENTIAL STYLES ***/
.sf-menu, 
.sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sf-menu li { 
	position: relative; 
	white-space: nowrap;
}

.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	min-width: 12em;
	z-index: 99;
}

.sf-menu > li { float: left; }

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul { display: block; }

.sf-menu a {
	display: block;
	position: relative;
}

.sf-menu ul ul {
	top: 0;
	left: 100%;
}

/* Skin */
#primary-nav {
	float: right;
	margin: 8px 0 0 0;
	font-size: 12px;
}

#primary-menu > li > span {
	float: left;
	font-size: 10px;
	margin-left: 9px;
}

#primary-menu > li:first-child > span { display: none; }

#primary-menu > li > a {
	margin-left: 14px;
	padding: 0 0 10px 9px;
}

#primary-menu > .current-menu-item > a,
#primary-menu > .sfHover > a { color: #a1a3a6; }

#primary-menu .sub-menu { margin-left: 9px; }

#primary-menu .sub-menu .sub-menu { margin-left: 0; }

#primary-menu .sub-menu a { padding: 0 8px; }

#primary-menu .sub-menu span { display: none; }

/*-----------------------------------------------------------------------------------*/
/*	5.	Main Content Styles
/*-----------------------------------------------------------------------------------*/

address { font-style: italic; }

abbr[title],
acronym[title],
dfn[title] {
	cursor: help;
	border-bottom: 1px dotted #666;
}

blockquote {
	margin: 0 0 30px 20px;
	padding: 0 0 0 18px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
}

strong { font-weight: bold; }

em,
dfn,
cite { font-style: italic; }

dfn { font-weight: bold; }

sup {
	font-size: 11px;
	vertical-align: top;
}

sub {
	font-size: 11px;
	vertical-align: bottom;
}

small { font-size: 11px; }

del { text-decoration: line-through; }

ins { text-decoration: underline; }

var,
kbd,
samp,
code,
pre { font: 12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace; }

kbd { font-weight: bold; }

samp,
var { font-style: italic; }

pre {
	white-space: pre;
	overflow: auto;
	padding:  0 10px;
	line-height: 19px;
	font-size: 11px;
	clear: both;
}

code { padding: 3px 5px; }

ul,
ol,
dl { margin-left: 30px; }

table {
	border: 1px solid #ccc;
	border-width: 1px;
	line-height: 18px;
	margin: 0 0 22px 0;
	text-align: left;
	padding: 0 5px;
}

table .even { background: #ddd; }

caption { text-align: left; }

tr { border-bottom: 1px solid #ccc; }

th,
td {
	padding: 5px;
	vertical-align: middle;
	text-align: center;
}

.entry-content img { max-width: 600px; }

img.alignleft {
	float: left;
	margin: 10px 25px 20px 0;
}

img.alignright {
	display: block;
	margin: 10px 0 25px 20px;
}

img.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	clear: both;
	margin-top: 5px;
}

.wp-caption {
	text-align: center;
	margin: 10px 20px 20px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.wp-caption img,
.wp-caption img a {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption
.wp-caption-text {
	margin: 0;
	padding: 5px;
}

.wp-smiley {
	max-height: 13px;
	margin: 0 !important;
}

.gallery { margin: auto; }

.gallery-image {
	border: 2px solid #efefef;
	margin-left: 0;
}

.gallery-caption { margin-left: 0; }

.gallery-item {
	float: left;
	text-align: center;
	margin-left: 0;
}


.gallery {
	float: left;
	width: 100%;
}

.gallery-item {
	width: auto !important;
	float: left;
	margin:  10px 10px 0 0 !important;
}

.gallery-item img {
	margin: 0 !important;
	padding:  0 !important;
}

.gallery-item a {
	float: left;
	border: none !important;
	margin:  0 !important;
	padding: 0 !important;
}

input,
textarea{ border-radius: 2px; } 

input,
textarea { padding: 6px; }

button {
	padding: 2px 10px;
	cursor: pointer;
}

#submit { cursor: pointer; }

/*-----------------------------------------------------------------------------------*/
/*	6.	Post Content Styles
/*-----------------------------------------------------------------------------------*/

.entry-meta {
	font-size: 11px;
	color: #999;
	margin-bottom: 10px;
}

.author-bio {
	padding: 20px;
	background: #fbfbfb;
	border: 1px solid #efefef;
}

.author-bio .avatar	{
	float: left;
	margin: 0 10px 0 0;
}

.author-title {
	font-weight: bold;
	margin-left: 60px;
}

.author-description { margin-left: 60px; }

.entry-content ul { list-style-type: disc; }

.entry-content ol { list-style-type: decimal; }

/*-----------------------------------------------------------------------------------*/
/*	7.	Comments
/*-----------------------------------------------------------------------------------*/

.commentlist {
	margin: 20px 0 0 0;
	list-style-type: none;
	word-wrap: break-word;
}

.pinglist {
	margin: 20px 0 40px 30px;
	list-style-type: decimal;
}

.comment {
	position: relative;
	min-height: 105px;
}

.comment-height { min-height: 105px; }

.moderation { 
	font-size: 11px;
	display: block;
	margin: 0 0 10px 0; 
}

.comment-meta,
#respond-caption {
	width: 140px;
	margin: 44px 40px 0 0;
	float: left;
	padding: 20px 0 20px 0;
}

#respond-caption {
	position: absolute;
	left: 0;
	top: 0;
}

.comment-meta {
	position: absolute;
	top: 0;
	left: 0;
}

.left-line {
	float: left;
	width: 140px;
	margin: 0 40px 80px 0;
}

.right-line {
	margin: 0 0 80px 180px;
}

.comment-body {
	padding: 20px 0 0 0;
	margin: 0 0 0 180px;
}

li li .comment-body p { padding: 0 0 0 9%; }
li li li .comment-body p { padding: 0 0 0 19%; }
li li li li .comment-body p { padding: 0 0 0 27%; }
li li li li li .comment-body p { padding: 0 0 0 36%; }

.edit-comment,
.author,
.comment-reply-link { display: block; }

.edit-comment,
.comment-reply-link {
	font-size: 11px; 
	float: left;
	padding: 0 15px 0 0;
}

.author { margin: 0 0 5px 0; }

.comment-meta { margin: 0 40px 0 0; }

#respond { 
	padding-left: 180px;
	position: relative;
}

.ie7 #respond { width: 500px; }

li #respond {
	padding: 20px 0 0 180px;
	width: auto;
	float: none;
}

.cancel-comment-reply {
	display: block;
	margin: 0 0 20px;
}

li li #respond form,
li li #respond h3,
li li #respond .cancel-comment-reply { margin-left: 9%; }

li li li #respond form,
li li li #respond h3,
li li li #respond .cancel-comment-reply { margin-left: 19%; }

li li li li #respond form,
li li li li #respond h3,
li li li li #respond .cancel-comment-reply { margin-left: 27%; }

li li li li li #respond form,
li li li li li #respond h3,
li li li li li #respond .cancel-comment-reply { margin-left: 36%; }

#comments,
#respond h3 {
	line-height: 14px;
	margin: 0 0 30px 0;
	font-size: 14px;
	font-weight: bold;
}

#respond h3 { margin-top: 50px; }

#comments { margin: 0 0 0px 180px; }

.contactform #submit-button,
#commentform #submit-button {
	width: auto;
	padding: 0 15px 0;
	line-height: 30px;
	height: 30px;
	border: none;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	   -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    		box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	text-shadow: 0 1px 0 rgba(255,255,255,0.4);
	border-radius: 3px;
}

#commentform input {
	margin-right: 22px;
	width: 45%; 
}

#commentform { width: 100%; }

#commentform textarea { width: 95%; }
li li #commentform textarea { width: 88%; }
li li li #commentform textarea { width: 77%; }
li li li li #commentform textarea { width: 70%; }
li li li li li #commentform textarea { width: 60%; }

.children { margin: 0; }

.avatar { padding: 2px; }

.comment .avatar {
	float: left;
	margin: 0 10px 0 0;
}

.comment-meta { margin-bottom: 15px; }

.comment-author cite { font-weight: bold; }

.nocomments {
	text-align: center;
	float: right;
	width: 500px;
}

.comment-body ul { list-style-type: disc; }

.comment-body ol { list-style-type: decimal; }

/*-----------------------------------------------------------------------------------*/
/*	8.	Pagination
/*-----------------------------------------------------------------------------------*/

.navigation {
	width: 500px;
	float: right;
}

.page-navigation .nav-next { float: left; }

.page-navigation .nav-previous { float: right; }

.single-page-navigation .nav-next { float: right; }

.single-page-navigation .nav-previous { float: left; }

.wp-pagenavi { margin: 0 0 0 0; }

.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi a:visited,
.wp-pagenavi a:active {
	padding: 4px 8px;
	margin: 2px;
	text-decoration: none;
}

.wp-pagenavi span.pages {
	padding: 4px 8px 0 0;
	margin: 0;
	font-style: italic;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.wp-pagenavi span.current {
	padding: 4px 8px;
	margin: 2px;
	font-weight: bold;
}

.wp-pagenavi span.extend {
	padding: 4px 8px;
	margin: 2px;
}

/*-----------------------------------------------------------------------------------*/
/*	9.	Footer Styles
/*-----------------------------------------------------------------------------------*/

#footer {
	font-size: 11px;
	clear: both;
	padding-bottom: 70px;
}

#footer small { font-size: 10px; }

#footer .seperator { margin: 0 0 19px 0; }

.copyright { float: left; }

.credit { float: right; text-align: right;}

.credit .line { float: right; }

/*-----------------------------------------------------------------------------------*/
/*	10. Page Templates
/*-----------------------------------------------------------------------------------*/

/*------------------------------------------------*/
/*	10.a Archive Template
/*------------------------------------------------*/

.archive-lists .children { margin-bottom: 0; }

/*------------------------------------------------*/
/*	10.b Full Width Template
/*------------------------------------------------*/

.full-width { width: 940px!important; }

.page.page-template-template-full-width-php #primary { width: 100%; }

.page.page-template-template-full-width-php .hentry { width: 100%; }

.page.page-template-template-full-width-php #respond { 
	padding-left: 180px;
	position: relative;
}

.page.page-template-template-full-width-php #respond-caption {
	position: absolute;
	left: 0;
	top: 0;
}

/*------------------------------------------------*/
/*	10.c Contact Template
/*------------------------------------------------*/

.contactform { margin: 20px 0 0 0; }

.contactform li { list-style-type: none; }

.contactform li label {
	display: block;
	margin-bottom: 10px;
}

.contactform li input[type="text"] {
	width: 300px;
	margin-bottom: 15px;
}

.contactform li textarea {
	width: 97%;
	height: 200px;
	margin-bottom:15px;
}

label.error { color: red; }

/*------------------------------------------------*/
/*	10.d Home Template
/*------------------------------------------------*/

.type-portfolio.hentry { width: 680px; }

#loading{
	display: none;
	position: fixed;
	top: 20px;
	text-indent: -9999px;
	width: 16px;
	height: 16px;
	right: 20px;
	padding: 5px;
	border-radius: 3px;
}

#portfolio-terms ul {
	margin: 0;
	padding: 0;
	line-height: 12px;
}

#portfolio-terms li { display: inline; }

#portfolio-terms li a { padding: 0 5px; }

#portfolio-terms li:first-child a { padding-left: 0; }

#portfolio-terms li span { font-size: 10px; }

#portfolio-terms li:last-child span { display: none; }

.page-template-template-home-php #primary { 
	width: 100%;
	float: none;
}

#portfolio-items {
	margin: 0;
	padding: 0;
	width: 960px;
	list-style: none;
}

#portfolio-items li {
	width: 220px;
	height: 160px;
	float: left;
	margin: 0 20px 20px 0;
	overflow: hidden;
	position: relative;
}

#portfolio-items li .hentry {
	width: 220px;
	height: 160px;
}

.overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 180px;
	height: 120px;
	padding: 17px 20px 23px 20px;
	z-index: 20;
}

.active .overlay { display: block; }

.overlay .arrow {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 19px;
	height: 19px;
}

#portfolio-items .entry-title {	margin: 0 0 12px 0; }

#portfolio-items a { cursor: default; }
#portfolio-items .visible a { cursor: pointer; }

#portfolio-items .entry-title,
#portfolio-items .entry-title a {
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
}

#portfolio-items .entry-content { 
	margin: 12px 0 0 0;
	height: 80px;
	overflow: hidden;
	line-height: 18px;
}

.entry-link {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 30;
	width: 100%;
	height: 100%; 
}

#door-frame {
	height: 0px;
	overflow: hidden;
}

#magic-door { padding: 20px 0 20px 0; }

#magic-door .hentry {
	float: right;
	width: 220px;
	margin: 0;
}

#magic-door .hentry p:last-child { margin: 0; }

#magic-door .entry-title {
	font-size: 14px;
	font-weight: bold;
	line-height: 21px;
	margin: 0 0 10px 0;
}

#magic-door .entry-content { margin: 10px 0 0 0; }

#magic-door .entry-content a { border: none; }

.inner {
	width: 940px;
	padding: 40px 0;
	margin: 0 auto;
}

#slider {
	width: 680px;
	margin: 0 20px 0 0;
	float: left;
	position: relative;
}

#slider .slides_container {
    width: 680px;
	height: auto;
	margin: 0 0 30px 0;
}

#slider .slides_container img { display: block; }

.type-portfolio #slider .pagination { height: 20px; }

.type-portfolio #slider { margin-bottom: 20px; }

.entry-meta .terms span { padding: 0; margin: 0;}

#slider .pagination {
	float: left;
	left: 46%;
	position: relative;
}

#slider .pagination li {
	float: left;
	margin: 0 3px 0 0;
	line-height: 8px;
	float: left;
	position: relative;
	right: 50%;
}

#slider .pagination li a {
	display: block;
	text-indent: -9999px;
	width: 8px;
	height: 8px;
}

#slider .pagination li.current a,
#slider .pagination li a:hover { background-position: -8px 0; }

#portfolio-nav { margin: 0 0 40px 0; }

#portfolio-nav ul {
	float: right;
	width: 70px;
	height: 19px;
	margin: 0;
}

#portfolio-nav li {
	float: left;
	margin: 0 1px 0 0;
	width: 19px;
	height: 19px;
	text-indent: -9999px;
}

#portfolio-nav li a{
	display: block;
	width: 19px;
	height: 19px;
}

.portfolio-prev a { background-position: 0 0; }
.portfolio-prev a:hover { background-position: 0 -19px; }

.portfolio-next a { background-position: -19px 0; }
.portfolio-next a:hover { background-position: -19px -19px; }

.portfolio-close a { margin: 0 0 0 10px; }
.portfolio-close a { background-position: -38px 0; }
.portfolio-close a:hover { background-position: -38px -19px; }


/*-----------------------------------------------------------------------------------*/
/*	11.	Widgets
/*-----------------------------------------------------------------------------------*/

.widget-title {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
}

.widget ul { margin: 0;}

.widget ol {
	list-style-type: decimal;
	margin: 0;
}

#sidebar .seperator { margin: 30px 0; }

#sidebar .seperator:last-child { display: none; }

/* Search Widget */
.widget_search #s { width: 200px; }

.widget_search form,
.widget_search fieldset { margin: 0; }

/* Calander Widget */
.widget_calendar caption { margin-bottom: 5px; }

.widget_calendar table { width: 100% }

/* Twitter Widget */
.zilla-tweet-widget ul {
	margin: 0;
	list-style-type: none;
}

.twitter-link { 
	display: block;
	margin: 20px 0 0 0;
}

.zilla-tweet-widget ul li { padding: 10px 0; }

.zilla-tweet-widget ul li:first-child { padding-top: 0;  }

.zilla-tweet-widget ul li:last-child { 
	padding-bottom: 0;
	border: none;
}

.zilla-tweet-widget .twitter-time-stamp { 
	display: block; 
	font-size: 11px;
}

/* Flickr Widget */
.tz_flickr_widget { width: 228px; }

.tz_flickr_widget .widget-title { padding: 0 0 20px 0; }

.flickr_badge_image { float: left; }

.flickr_badge_image img{
	width: 41px;
	height: 41px;
}

.flickr_badge_image a {
	width: 49px;
	display: block;
	height: 49px;
	margin: 0 8px 8px 0;
}

.flickr_badge_image img:hover { border: 1px solid #ccc; }

/* Video Widget */
.tz_video { margin-bottom: 10px; }


/*-----------------------------------------------------------------------------------*/
/*	12.	Shortcode Styles
/*-----------------------------------------------------------------------------------*/

/* Columns */
.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_third { width: 65.33%; }
.one_fourth { width: 22%; }
.three_fourth { width: 74%; }
.one_fifth { width: 16.8%; }
.two_fifth { width: 37.6%; }
.three_fifth { width: 58.4%; }
.four_fifth { width: 79.2%; }
.one_sixth { width: 13.33%; }
.five_sixth { width: 82.67%; }

.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	position: relative;
	margin-right: 4%;
	margin-bottom: 20px;
	float: left;
}

.column-last {
	margin-right: 0!important;
	clear: right;
}

/* Buttons */

a.button {
	height: 20px;
	display: inline-block;
	margin: 0 5px 20px 5px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	padding: 8px 10px 0 10px;
	border-radius: 3px;
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
	   -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
    		box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
}

a.button.large {
	height: 24px;
	padding: 11px 10px 0 10px;
	font-size: 14px;
	line-height: 14px;
}

a:hover.button { background-position: 0 -28px; }
a:hover.button.large { background-position: 0 -35px; }

a.button.white {
	background-image: url(images/shortcodes/buttons/button_white.png);
	border: 1px solid #d3d3d3;
	color: #555555 !important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
}

a.button.large.white { background-image: url(images/shortcodes/buttons/button_white_large.png); }
a:hover.button.white { border: 1px solid #c4c4c4; }

a.button.grey {
	background-image: url(images/shortcodes/buttons/button_grey.png);
	border: 1px solid #b5b5b5;
	color: #555555!important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}

a.button.large.grey { background-image: url(images/shortcodes/buttons/button_grey_large.png); }
a:hover.button.grey { border: 1px solid #989898; }

a.button.red {
	background-image: url(images/shortcodes/buttons/button_red.png);
	border: 1px solid #df6f8b;
	color: #913944!important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.3);
}

a.button.large.red { background-image: url(images/shortcodes/buttons/button_red_large.png); }
a:hover.button.red { border: 1px solid #c36079; }

a.button.orange {
	background-image: url(images/shortcodes/buttons/button_orange.png);
	border: 1px solid #f5b74e;
	color: #996633!important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}

a.button.large.orange { background-image: url(images/shortcodes/buttons/button_orange_large.png); }
a:hover.button.orange { border: 1px solid #d29a3a; }

a.button.green {
	background-image: url(images/shortcodes/buttons/button_green.png);
	border: 1px solid #adc671;
	color: #5d7731!important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}

a.button.large.green { background-image: url(images/shortcodes/buttons/button_green_large.png); }
a:hover.button.green { border: 1px solid #8bb14d; }

a.button.teal {
	background-image: url(images/shortcodes/buttons/button_teal.png);
	border: 1px solid #90c6c8;
	color: #437b7d!important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}

a.button.large.teal { background-image: url(images/shortcodes/buttons/button_teal_large.png); }
a:hover.button.teal { border: 1px solid #7db9bb; }

a.button.blue {
	background-image: url(images/shortcodes/buttons/button_blue.png);
	border: 1px solid #8dc5da;
	color: #42788e!important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}

a.button.large.blue { background-image: url(images/shortcodes/buttons/button_blue_large.png); }
a:hover.button.blue { border: 1px solid #7caec0; }

a.button.navy {
	background-image: url(images/shortcodes/buttons/button_navy.png);
	border: 1px solid #a2afb8;
	color: #515f6a!important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}

a.button.large.navy { background-image: url(images/shortcodes/buttons/button_navy_large.png); }
a:hover.button.navy { border: 1px solid #8996a0; }

a.button.purple {
	background-image: url(images/shortcodes/buttons/button_purple.png);
	border: 1px solid #bc9db9;
	color: #7b5777!important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}

a.button.large.purple { background-image: url(images/shortcodes/buttons/button_purple_large.png); }
a:hover.button.purple { border: 1px solid #a482a0; }

a.button.black {
	background-image: url(images/shortcodes/buttons/button_black.png);
	border: 1px solid #4c4c4c;
	color: #ffffff!important;
	text-shadow: 0 1px 0 rgba(0,0,0, 0.4);
}

a.button.large.black { background-image: url(images/shortcodes/buttons/button_black_large.png); }
a:hover.button.black { border: 1px solid #2c2c2c; }

/* Alerts ------------------------------*/
.alert {
    padding: 12px 5% 12px 5%;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    text-align: center;
    margin: 0 0 20px 0;
}

.alert.white {
    background: #fff;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    color: #444444;
}

.alert.red {
    background: #FFD7D8;
    border-top: 1px solid #f9bac7;
    border-bottom: 1px solid #f9bac7;
    color: #d54c4c;
}

.alert.orange {
    background: #FFCBA8;
    border-top: 1px solid #efd1b1;
    border-bottom: 1px solid #efd1b1;
    color: #cc6600;
}

.alert.green {
    background: #D5FFCA;
    border-top: 1px solid #cadba7;
    border-bottom: 1px solid #cadba7;
    color: #5f8b33;
}

/* Tabs ------------------------------*/

.ui-tabs .ui-tabs-hide {
    position: absolute;
    left: -10000px;
}

.tabs { margin: 0 0 20px 0; }

.tabs ul.nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

.tabs ul.nav li {
	float: left;
	position: relative;
	margin: 0 2px -1px 0;
	z-index: 10;
}

.tabs ul.nav li a {
	border-bottom: none;
	display: block;
	overflow: hidden;
	padding: 5px 10px 0 10px;
	height: 24px;
	border-radius: 3px 3px 0 0;
}

.tabs ul.nav li.ui-tabs-selected a,
.tabs ul.nav li.ui-tabs-active a { height: 25px; }

.tabs .tab { padding: 10px; }

/* Toggle ------------------------------*/

.toggle { margin: 0 0 20px 0; }

.toggle h4 {
	font-size: 12px;
	padding: 10px; 
	cursor: pointer;
}

.toggle-inner {
	padding: 10px;
	border-top: none;
}

.toggle .ui-icon {
    background: url(images/shortcodes/toggles/toggle-closed.png) no-repeat;
    width: 12px;
    height: 12px;
    float: left;
    margin: 3px 10px 0 0;
}

.toggle .ui-state-active .ui-icon { background: url(images/shortcodes/toggles/toggle-open.png) no-repeat; }


/*-----------------------------------------------------------------------------------*/
/*	13. Post Formats
/*-----------------------------------------------------------------------------------*/

.published {
	width: 140px;
	line-height: 12px;
	margin: 0 40px 0 0;
	float: left;
	padding: 19px 0 0 0;
	height: auto;
}

.published a { 
	border: none;
	padding: 0 0 0 5px;
}

.page .hentry { width: 680px; }

.hentry {
	float: left;
	width: 500px;
	margin: 0 0 60px 0;
}

.ie7 .hentry {
	margin: 0;
	padding: 0 0 60px 0;
}

.entry-title { margin: 0 0 16px 0; }

.entry-meta {
	margin: 0;
	padding: 0;
}

.entry-meta span { 
	font-size: 10px;
	padding: 0 5px;
}

.type-portfolio .entry-meta li:last-child span { display: none; }

.entry-content { margin: 0 0 15px 0; }

.entry-meta li { display: inline; }

.entry-content .more-link { border: none; }

.post-thumb a,
.post-thumb img { 
	position: relative; 
	float: left; 
}

.post-thumb a .overlay {
	position: absolute;
	display: none;
	padding: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.more-link span { padding: 0 15px 0 0; }

/*------------------------------------------------*/
/*	13.a Quote
/*------------------------------------------------*/

.quote-wrap blockquote {
	margin: 0;
	padding: 0 0 0 18px;
	margin: 0 0 30px 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
}

/*------------------------------------------------*/
/*	13.b Link
/*------------------------------------------------*/

.format-link .entry-title a span { padding: 0 17px 0 0; }

/*------------------------------------------------*/
/*	13.c Image
/*------------------------------------------------*/

#fancybox-close {
	background: url(images/lightbox_cross.gif) no-repeat !important;
	width: 21px !important;
	height: 21px !important;
	top: 10px !important;
	right: 8px !important;
}

/*------------------------------------------------*/
/*	13.d Gallery
/*------------------------------------------------*/

.slider {
	width: 500px;
	height: 0px;
	overflow: hidden;
}

.slider .slides_container { width: 500px; }

.slider .pagination {
	margin: 15px 0 25px 0;
	text-align: center;
}

.slider .pagination li {
	display: inline;
	margin: 0 3px 0 0;
}

.slider .pagination li a {
	display: inline-block;
	text-indent: -9999px;
	width: 8px;
	height: 8px;
}

.slider .pagination li.current a,
.slider .pagination li a:hover { background-position: -8px 0; }

/*------------------------------------------------*/
/*	13.e Video & Audio
/*------------------------------------------------*/

iframe { margin: 0 0 20px 0; }

div.jp-audio,
div.jp-video {
	font-size: 1em;
	font-family: Verdana, Arial, sans-serif;
	color: #fff;
	line-height: 1.6;
}

div.jp-audio,
div.jp-video { 
	width: 500px;
	margin: 0 0 30px 0;
}

#slider div.jp-audio,
#slider div.jp-video { width: 680px; }

.jp-video-play,
div.jp-jplayer.jp-jplayer-video { width: 500px; }

#slider .jp-video-play,
#slider div.jp-jplayer.jp-jplayer-video  { width: 680px; }

div.jp-interface {
	position: relative;
	width: 100%;
	background: url(images/jplayer_bg.png) repeat-x;
	z-index: 100;
}

div.jp-type-single div.jp-interface { height: 30px; }

div.jp-interface ul.jp-controls {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

div.jp-interface ul.jp-controls li { display: inline; }

div.jp-interface ul.jp-controls a {
	position: absolute;
	overflow: hidden;
	text-indent: -9999px;
}

a.jp-play,
a.jp-pause {
	width: 33px;
	height: 30px;
	z-index: 1;
	outline: none;
}

div.jp-type-single a.jp-play,
div.jp-type-single a.jp-pause {
	top: 0;
	left: 0;
}

a.jp-play { background: url("images/jplayer-black-and-yellow.png") 0 0 no-repeat; }

a.jp-play:hover { background: url("images/jplayer-black-and-yellow.png") -33px 0 no-repeat; }

a.jp-pause {
	background: url("images/jplayer-black-and-yellow.png") 0 -30px no-repeat;
	display: none;
}

a.jp-pause:hover { background: url("images/jplayer-black-and-yellow.png") -33px -30px no-repeat; }

div.jp-progress-container {
	position: absolute;
	top: 0;
	left: 34px;
	width: 225px;
	height: 6px;
	padding: 12px 10px;
}

div.jp-progress {
	position: absolute;
	overflow:hidden;
}

#slider div.jp-type-single div.jp-progress { width: 535px; }

div.jp-type-single div.jp-progress {
	width: 356px;
	height: 7px;
	padding: 1px;
	background: url("images/jplayer-black-and-yellow.png") 0 -192px repeat-x ;
}

div.jp-seek-bar {
	width: 0px;
	height: 5px;
	cursor: pointer;
	background: url("images/jplayer-black-and-yellow.png") 0 -163px repeat-x;
	border-radius: 1px;
}

div.jp-play-bar {
	width: 0px;
	height: 5px;
	background: url("images/jplayer-black-and-yellow.png") 0 -133px repeat-x ;
	border-radius: 1px;
}

div.jp-volume-bar-container {
	position: absolute;
	top: 0;
	left: 420px;
	width: 40px;
	height: 6px;
	padding: 12px 10px;
}

div.jp-volume-bar {
	position: relative;
	overflow: hidden;
	background: url("images/jplayer-black-and-yellow.png") 0 -192px repeat-x;
	width: 40px;
	height: 9px;
	cursor: pointer;
}

#slider div.jp-volume-bar { left: 195px; }

div.jp-type-single div.jp-volume-bar {
	top: 0;
	left: 18px;
}

div.jp-volume-bar-value {
	width: 0px;
	height: 5px;
	margin: 1px;
	background: url("images/jplayer-black-and-yellow.png") 0 -133px repeat-x;
	border-radius: 1px;
}

a.jp-mute,
a.jp-unmute {
	width: 17px;
	height: 13px;
	z-index: 1;
	outline: none;
}

#slider div.jp-type-single a.jp-mute, 
#slider div.jp-type-single a.jp-unmute { left: 602px; }

div.jp-type-single a.jp-mute,
div.jp-type-single a.jp-unmute {
	top: 9px;
	left: 425px;
}

.seperator-first,
.seperator-second {
	background:url(images/seperator.png) no-repeat left;
	height: 30px;
	width: 2px;
	position: absolute;
	left: 32px;
}

#slider .seperator-second { left: 591px; }
.seperator-second { left: 413px; }

a.jp-mute { background: url("images/jplayer-black-and-yellow.png") -10px -68px no-repeat; }

a.jp-mute:hover { background: url("images/jplayer-black-and-yellow.png") -43px -68px no-repeat; }

a.jp-unmute {
	background: url("images/jplayer-black-and-yellow.png") -10px -98px no-repeat;
	display: none;
}

a.jp-unmute:hover { background: url("images/jplayer-black-and-yellow.png") -43px -98px no-repeat; }

div.jp-jplayer {
	width:0px;
	height:0px;
}

div.jp-jplayer { background-color: #292a2b; }