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



	Theme Name: Scope

	Theme URI: http://www.themezilla.com

	Description: An Agency / Business 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.2

	

	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)

	2.	Header Styles

	3.	Navigation & Menus

	4.	Main Content Styles

	5.  	Portfolio Content Styles

	6.	Post Content Styles

	7.	Comments

	8.	Pagination

	9.	Footer Styles

	10.	Page Templates

	11.	Widgets

	12.	Shortcode Styles

	13. 	Isotope

	14. 	SNOGRAFX wuz here



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





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

/*	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,

textarea {

	font: 13px/21px Georgia, "Times New Roman", Times, serif;

	background: #eee;

	color: #555;

}



.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 { 

    //border-bottom: 1px dotted #222;

    color: #222;

    padding: 0 1px;

    margin: 0 -1px;

    text-decoration: none; 

    -webkit-transition: background-color .2s linear, color .2s linear;

	-moz-transition: background-color .2s linear, color .2s linear;

	-o-transition: background-color .2s linear, color .2s linear;

	-ms-transition: background-color .2s linear, color .2s linear;

	transition: background-color .2s linear, color .2s linear;

}



a:hover { 

    border-bottom: 1px dotted transparent;

    background-color: #ffd62c;

}



a img { 

    border: none; 

    vertical-align: bottom;

}



p,

pre,

ul,

ol,

dl,

dd,

blockquote,

address,

table,

fieldset,

form,

.gallery-row,

.post-thumb,

.author-bio { margin-bottom: 20px; }



.gecko.blog .post-thumb { margin-bottom: 5px; }



.hentry,

.navigation-links,

.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; }



h1,

h2,

h3,

h4,

h5,

h6 {

    color: #222;

    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-weight: bold;

	padding: 0;

}



h1 {

	font-size: 24px;

	line-height: 28px;

}



h2 {

	font-size: 20px;

	line-height: 22px;

	margin: 0 0 20px 0;

}



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;

}



#background {

    position: fixed;

    top: 0;

    left: 0;

    min-width: 100%;

    min-height: 100%;

    z-index: -1;

}



.bgwidth { width: 100%; }



.bgheight { height: 100%; }



#container {

	width: 980px;

	margin: 0 auto;

	padding: 20px 0;

}

	

#primary {

	float: left;

	width: 680px;

}



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



#content { 

    background: #fff;

    margin: 10px 0 10px; 

    padding: 25px 20px 20px;

}



.page-template-template-home-php #content { padding-top: 20px; }



.page-template-template-portfolio-php #content,

.tax-portfolio-type #content { 

    padding-bottom: 0; 

    padding-right: 0;

}



#sidebar {

	float: right;

	width: 220px;

}



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



#footer { clear: both; }





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

/*	2.	Header Styles

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



#header-top { 

    color: #222;

    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

    font-size: 11px;

    padding: 10px 20px;

    overflow: hidden; 

}



#header-top p {

    background: #ffd62c;

    float: right;

    margin: 0;

    padding: 3px 10px;

}



#header-top a { margin: 0; }



#header {

    background: #fff;

    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

    padding: 20px 20px 13px;

}



#logo { float: left; }



#logo,

#logo a {

    border-bottom: none;

	font-size: 28px;

	line-height: 30px;

	color: #000;

	font-weight: bold;

}



#logo a:hover { 

    background-color: #fff;

    text-decoration: none; 

}



#tagline {

	color: #b2b2b6;

    display: inline-block;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 12px;

	font-style: italic;

	font-weight: normal;

	line-height: 20px;

	margin-left: 20px;

}





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

/*	3.	Navigation & Menus

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



#primary-nav {

    float: right;

	height: 35px;

    margin-top: 8px;

}



#primary-nav ul {

	margin: 0;

	padding: 0;

	list-style: none;

	line-height: 35px;

}



#primary-nav ul a {

	display: block;

	position: relative;

}



#primary-nav ul li {

	float: left;

	position: relative;

	z-index: 40;

}



#primary-nav ul li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }



#primary-nav ul ul {

	position: absolute;

	top: -9999em;

	width: 150px; /* left offset of submenus need to match (see below) */

}



#primary-nav ul ul li { width: 100%; }



/*  Make sub menus appear */

#primary-nav ul li:hover ul,

#primary-nav ul li.sfHover ul {

	left: -1px;

	top: 36px; /* match top ul list item height */

	z-index: 99;

}



/* Hide all subs subs (4 levels deep) */

#primary-nav ul li:hover li ul,

#primary-nav ul li.sfHover li ul,

#primary-nav ul li li:hover li ul,

#primary-nav ul li li.sfHover li ul,

#primary-nav ul li li li:hover li ul,

#primary-nav ul li li li.sfHover li ul { top: -9999em; }



/* Displays all subs subs (4 levels deep) */

#primary-nav ul li li:hover ul,

#primary-nav ul li li.sfHover ul,

#primary-nav ul li li li:hover ul,

#primary-nav ul li li li.sfHover ul,

#primary-nav ul li li li li:hover ul,

#primary-nav ul li li li li.sfHover ul {

	left: 150px; /* match .nav ul width */

	top: -1px;

}

	

/* top level skin ------------------------------------*/

#primary-nav ul a {

    border-bottom: none;

	padding: 0 15px;

	color: #b2b2b6;

	font-weight: bold;

	height: 35px;

	line-height: 35px;

}



#primary-nav ul a:hover,

#primary-nav ul li.sfHover > a,

#primary-nav ul li.current-cat > a,

#primary-nav ul li.current_page_item > a,

#primary-nav ul li.current-menu-item > a {

    background-color: #fff;

    color: #222;

	text-decoration: none;

}



/* 2nd level skin ------------------------------------*/

#primary-nav ul ul {

    background-color: #fff;

    border: 1px solid #dfdfdf;

    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);

	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);

	box-shadow: 0 1px 3px rgba(0,0,0,.1);

	padding: 3px 12px;

}



#primary-nav ul ul li {

	height: 35px;

	line-height: 35px;

	border-top: 1px solid #efefef;

	float: none;

	background: none;

}



#primary-nav ul ul li:first-child { border-top: none; }



#primary-nav ul ul li a {

    color: #b2b2b6;

    font-weight: normal;

	line-height: 35px;

	height: 35px;

	font-size: 12px;

	padding: 0;

	text-decoration: none;

}



#primary-nav ul li.sfHover ul a { background: #fff; }



#primary-nav ul li.sfHover ul a:hover { color: #555; }



/* Secondary Nav -------------------------------------*/



#secondary-nav { 

    float: right; 

    width: 50%;

}



#secondary-nav ul { float: right; }



#secondary-nav li {

    float: left;

    margin-left: 7px;

}



#secondary-nav a {

    border-bottom: none;

    color: #222;

    font: 11px/21px 'Helvetica Neue', Helvetica, Arial, sans-serif;

    padding: 2px 3px;

    margin: 0;

}



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

/*	4.	Main Content Styles

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



.page-title {

	background: transparent url(images/bg_title.gif) 0 2px no-repeat;

    font-size: 18px;

	font-weight: bold;

    line-height: 18px;

    padding-left: 18px;

    vertical-align: top;

}



.entry-title,

.entry-title a {

    border-bottom: none;

    color: #222;

	font-size: 24px;

	line-height: 28px;

	-webkit-transition: color .2s linear;

	-moz-transition: color .2s linear;

	-o-transition: color .2s linear;

	-ms-transition: color .2s linear;

	transition: color .2s linear;

}



.entry-title a:hover { 

    background-color: transparent;

    color: #b2b2b6; 

    text-decoration: none;

}



.page-header {

    background: transparent url(images/bg_page_header.gif) 0 0 repeat-x;

    margin-bottom: 30px;

    padding-bottom: 22px;

    position: relative;

}



address { font-style: italic; }



abbr[title],

acronym[title],

dfn[title] {

	cursor: help;

	border-bottom: 1px dotted #666;

}



blockquote {

    background: transparent url(images/quote.png) 0 4px no-repeat;

	color: #222;

	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-weight: bold;

	margin-left: 20px;

	margin-right: 50px;

	padding-left: 30px;

}



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; }



code,

pre { line-height: 18px; }



var,

kbd,

samp,

code,

pre {

	font: 12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace;

	background: #f7f7f8;

}



kbd { font-weight: bold; }



samp,

var { font-style: italic; }



pre {

	white-space: pre;

	overflow: auto;

	margin-left: 50px;

	margin-right: 50px;

	padding: 10px;

	clear: both;

}



code { padding: 3px; }



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;

}



/* Common Media Stylings --------------------------*/



.entry-content img { max-width: 100%; }



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;

}



img.alignnone {

    display: block;

    margin: 20px 0 20px;

}



.wp-caption {

	text-align: center;

	margin: 10px 20px 20px 20px;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-style: italic;

}



.wp-caption.aligncenter { margin: 20px auto; }



.wp-caption.alignleft { margin-left: 0; }



.wp-caption.alignright { margin-right: 0; }



.wp-caption.alignnone { margin-left: 0; }



.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 { 

    font-family: Georgia, "Times New Roman", Times, serif;

	font-style: italic;

	margin-left: 0; 

}



.gallery-item {

	float: left;

	text-align: center;

	margin-left: 0;

}



.gallery {

	float: left;

	width: 100%;

}



.gallery-item { float: left; }



.gallery-item .gallery-caption { 

    margin-bottom: 0 !important;

    padding-right: 12%; 

}



.gallery-item img {

	margin: 0 !important;

	padding:  0 !important;

}



.gallery-item a {

	float: left;

	border: none !important;

	margin:  0 !important;

	padding: 0 !important;

}



iframe { 

    max-width: 100%; 

    margin-bottom: 20px;

}



/* Slider Stylings --------------------------------------*/



.slider { 

    position: relative; 

    margin-bottom: 20px;

    overflow: hidden; 

}



.slider a {

    border-bottom: none;

    color: #ffd62c;

    margin: 0;

}



.slider a:hover {

    background-color: #222;

    color: #fff;

}



.slider .slide a:hover { background: none; }



.slider .slides_prev,

.slider .slides_next {

    background: #222 url(images/icons.png) -26px -45px no-repeat;

    border-bottom: none;

    -webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

    display: inline-block;

    text-indent: -999em;

    position: absolute;

    bottom: 14px;

    height: 23px;

    width: 23px;

    z-index: 10;

}



.slider .slides_prev { 

    background-position: -67px -45px; 

    right: 38px;

}



.slider .slides_prev:hover {

    background-color: #ffd62c; 

    background-position: -86px -45px;

}



.slider .slides_next { right: 10px; }



.slider .slides_next:hover { 

    background-color: #ffd62c; 

    background-position: -46px -45px;

}



.slider .pagination { 

    position: absolute; 

    bottom: 1px;

    right: 72px;

    z-index: 10;

}



.slider .pagination li { 

    float: left; 

    margin-right: 5px;

}



.slider .pagination a {

    background: transparent url(images/icons.png) -13px -45px no-repeat;

    border-bottom: none;

    display: block;

    height: 11px;

    width: 11px;

    text-indent: -999em;

}



.slider .pagination a:hover,

.slider .pagination .current a { background-position: 0 -45px; }



.slider-desc {

    background: #222;

    color: #fff;

    font-style: italic;

    padding: 5px 15px;

    position: absolute;

    left: 20px;

    top: 20px;

}



.slider-desc span,

.slider-desc em { color: #ffd62c; }



/* Audio/Video jPlayer Skin -------------------------------*/



div.jp-jplayer.jp-jplayer-video,

div.jp-jplayer.jp-player-video { 

    background-color: #292a2b;

    width: 560px; 

}



.jp-audio-container,

.jp-video-container { margin-bottom: 20px; }



div.jp-interface {

	position: relative;

	width: 100%;

	background: url(images/jplayer_bg.png) repeat-x;

	z-index: 100;

	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);

	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);

	box-shadow: 0px 1px 1px rgba(0,0,0,0.4);

}



.jp-interface { height: 30px; }



.jp-controls {

	list-style-type: none;

	padding: 0;

	margin: 0;

}



.jp-controls li { display: inline; }



.jp-controls a {

    border-bottom: none;

	position: absolute;

	overflow: hidden;

	text-indent: -9999px;

}



.jp-controls a:hover { background-color: transparent; }



a.jp-play,

a.jp-pause {

	width: 33px;

	height: 30px;

	z-index: 1;

	outline: none;

	top: 0;

	left: 0;

}



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



a.jp-play:hover { background-position: -33px 0; }



a.jp-pause { 

    background: url(images/jplayer-black-and-yellow.png) 0 -30px no-repeat; 

    display: none;

}



a.jp-pause:hover { background-position: -33px -30px; }



.jp-progress-container {

	position: absolute;

	top: 0;

	left: 34px;

	width: 410px;

	height: 6px;

	padding: 12px 10px;

}



.jp-progress { 

    position: absolute; 

	width: 408px;

	height: 7px;

	padding: 1px;

	background: url(images/jplayer-black-and-yellow.png) 0 -192px repeat-x ;

}



.jp-seek-bar {

	width: 0px;

	height: 5px;

	cursor: pointer;

	background: url(images/jplayer-black-and-yellow.png) 0 -163px repeat-x;

	-webkit-border-radius: 1px;

	-moz-border-radius: 1px;

	border-radius: 1px;

}



.jp-play-bar {

	width: 0px;

	height: 5px;

	background: url(images/jplayer-black-and-yellow.png) 0 -133px repeat-x ;

	-webkit-border-radius: 1px;

	-moz-border-radius: 1px;

	border-radius: 1px;

}



.jp-volume-bar-container {

	position: absolute;

	top: 0;

	right: 20px;

	width: 40px;

	height: 6px;

	padding: 12px 10px;

}



.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;

	top: 0;

	left: 18px;

}



.jp-volume-bar-value {

	width: 0px;

	height: 5px;

	margin: 1px;

	background: url(images/jplayer-black-and-yellow.png) 0 -133px repeat-x;

	-webkit-border-radius: 1px;

	-moz-border-radius: 1px;

	border-radius: 1px;

}



a.jp-mute,

a.jp-unmute {

	width: 17px;

	height: 13px;

	z-index: 1;

	outline: none;

	top: 9px;

	right: 60px;

}



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



a.jp-mute:hover { background-position: -43px -68px; }



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



a.jp-unmute:hover { background-position: -43px -98px; }



.seperator-first,

.seperator-second {

	background:url(images/seperator.png) no-repeat left;

	height: 30px;

	width: 2px;

	position: absolute;

	left: 32px;

}



.seperator-second { 

    left: auto; 

    right: 90px;

}



/* Common Form Elements -------------------------------*/



input,

textarea {

	background: #f7f7f8;

	border: 1px solid #f7f7f8;

	color: #b2b2b6;

    padding: 5px 10px; 

    width: 230px;

}



button,

#submit {

	background: #333;

	border: 1px solid #333;

	color: #fff;

	cursor: pointer;

	font-family: Georgia, "Times New Roman", Times, serif;

	padding: 5px 10px;

	width: auto;

	-webkit-transition: color .2s linear, background .2s linear, border-color .2s linear;

	-moz-transition: color .2s linear, background .2s linear, border-color .2s linear;

	-ms-transition: color .2s linear, background .2s linear, border-color .2s linear;

	-o-transition: color .2s linear, background .2s linear, border-color .2s linear;

	transition: color .2s linear, background .2s linear, border-color .2s linear;

}



input:focus,

textarea:focus {

	background: #fff;

	border-color: #cfcfcf;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;

	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;

	box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;

	color: #555;

}



#submit:hover,

button:hover {

    background: #ffd62c;

    border-color: #ffd62c;

    color: #222;

}





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

/*  5.  Portfolio Content Styles

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


.page-template-template-portfolio-php #primary,

.tax-portfolio-type #primary {

    background: transparent url(images/bg-portfolio-dots.gif) 0 -1px repeat-y;

    width: 100%;

}



.page-template-template-portfolio-php .page-header,

.tax-portfolio-type .page-header { margin-right: 20px;}




.page-template-template-portfolio-php .hentry,

.tax-portfolio-type .hentry,

.tz-recent-portfolios-widget li {

    background: #f7f7f8;

    border-bottom: none;

    float: left;

    margin: 0 20px 48px 0;

    padding: 0;

    width: 220px;

    height: 215px;

}



.page-template-template-portfolio-php .last,

div#sg_shop-content .last,

.tax-portfolio-type .last { margin-right: 0; }


div.post-thumb,

.page-template-template-portfolio-php .post-thumb,

.tax-portfolio-type .post-thumb,

.recent-work .post-thumb,

.portfolio-related .post-thumb,

.tz-recent-portfolios-widget .post-thumb { 

    margin: 0; 

    position: relative;

}



.page-template-template-portfolio-php .post-thumb a,

div.post-thumb a,

.tax-portfolio-type .post-thumb a,

.recent-work .post-thumb a,

.portfolio-related .post-thumb a,

.tz-recent-portfolios-widget .post-thumb a {

    background-color: #fff;

    border-bottom: none;

    display: block;

    height: 140px;

    margin: 0;

    padding: 0;

    position: relative;

    width: 220px;

}


.thumb-hover a:hover img,
.page-template-template-portfolio-php .post-thumb a:hover img,

div.post-thumb a:hover img,

.tax-portfolio-type .post-thumb a:hover img,

.recent-work .post-thumb a:hover img,

.portfolio-related .post-thumb a:hover img,

.tz-recent-portfolios-widget .post-thumb a:hover img { opacity: .7; }



.page-template-template-portfolio-php .post-thumb-overlay,

div.post-thumb-overlay,

.tax-portfolio-type .post-thumb-overlay,

.recent-work .post-thumb-overlay,

.portfolio-related .post-thumb-overlay,

.tz-recent-portfolios-widget .post-thumb-overlay {

    background-color: #333;

    color: #fff;

    display: none;

    padding: 2px 6px;

    position: absolute;

    top: 43%;

    left: 32%;

}



.page-template-template-portfolio-php a:hover .post-thumb-overlay,

div.post-thumb-overlay,

.tax-portfolio-type a:hover .post-thumb-overlay,

.recent-work a:hover .post-thumb-overlay,

.portfolio-related a:hover .post-thumb-overlay,

.tz-recent-portfolios-widget a:hover .post-thumb-overlay { 

    display: block;

    z-index: 99;

}



.page-template-template-portfolio-php .hentry .entry-title,

.page-template-template-portfolio-php .hentry .entry-title a,

div#sg_shop-content .entry-title,

div#sg_shop-content .hentry .entry-title a,

.tax-portfolio-type .hentry .entry-title,

.tax-portfolio-type .hentry .entry-title a,

.recent-work .entry-title,

.recent-work .entry-title a,

.portfolio-related .entry-title,

.portfolio-related .entry-title a,

.tz-recent-portfolios-widget .entry-title,

.tz-recent-portfolios-widget .entry-title a {

    font-size: 13px;

    line-height: 20px;

    margin: 15px 0 2px;

    text-align: center;

}



.page-template-template-portfolio-php .hentry .entry-meta,

.tax-portfolio-type .hentry .entry-meta,

div#sg_shop-content .entry-meta,

.tz-recent-portfolios-widget .entry-meta { 

    left: auto;

    position: static; 

    text-align: center;

    width: auto;

}



.page-template-template-portfolio-php .page-title,

.tax-portfolio-type .page-title { display: inline-block; }



#sort-by { float: right; }



.ie7 #sort-by {

    position: relative;

    top: -20px;

    right: -18px;

}



#sg_sort-by li,
#sort-by li {

    //background: transparent url(images/bg-widget-title.gif) 0 5px no-repeat;

    float: left;

    padding-left: 13px;

    margin-left: 7px;

}


#sg_sort-byli:first-child,
#sort-by li:first-child { background: none; }


#sg_sort-by a,
#sort-by a {

    border-bottom: none;

    color: #555;

    padding: 2px 5px;

    margin: 0;

}


#sg_sort-by a.active,
#sort-by a.active { background-color: #ffd62c; }





/* Single Portfolio -----------------------------------*/



.single-portfolio #primary { 

    background: transparent url(images/dots.gif) 0 100% repeat-x;

    width: 100%; 

}



.single-portfolio .hentry { 

    border-bottom: none;

    margin: 0; 

}



.single-portfolio .image-frame { margin-bottom: 20px; }



.single-portfolio .entry-content {

	-webkit-column-count: 2;

	-moz-column-count: 2;

	column-count: 2;

	-webkit-column-gap: 20px;

	-moz-column-count: 20px;

	column-count: 20px;

	padding-left: 240px;

	position: relative;

}



.single-portfolio .entry-content .column { width: 330px !important; }



.single-portfolio .entry-content .first { margin-right: 20px; }



.single-portfolio .entry-content .entry-meta { 

    left: 0; 

    width: 220px;

}



.gecko.single-portfolio .entry-content .entry-meta {

    float: left;

    margin-left: -240px;

    position: static;

}



.single-portfolio .entry-meta h5 {

    display: inline;

    margin-right: 3px;

}



.single-portfolio .entry-meta span { margin-bottom: 0; }



.single-portfolio .jp-progress-container { width: 790px; }



.single-portfolio .jp-progress { width: 788px; }





/* Related Portfolios -------------------------------------*/



.portfolio-related {

    background: #fff url(images/bg-content-dots.gif) 0 100% no-repeat;

    margin: 10px 0 10px; 

    padding: 25px 20px 20px;

}



.related-title {

    background: #fff url(images/dots.gif) 0 8px repeat-x;

    font-size: 12px;

}



.related-title span { 

    background: #fff url(images/bg-widget-title.gif) 0 3px no-repeat;

    padding-left: 14px;

    padding-right: 10px;

}



.recent-work ul,

.portfolio-related ul { margin-left: 0; }



.recent-work li,

.portfolio-related li {

    background: #f7f7f8;

    border-bottom: none;

    float: left;

    margin: 0 20px 30px 0;

    padding: 0;

    position: relative;

    width: 220px;

    height: 215px;

}



.recent-work li.last,

.portfolio-related li.last { margin-right: 0; }



.recent-work li .entry-meta,

.portfolio-related li .entry-meta {

    text-align: center;

    width: 220px;

    bottom: 15px;

    top: auto;

    left: auto;

}





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

/*	6.	Post Content Styles

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



.hentry {

    border-bottom: 2px solid #f7f7f8;

    margin-left: 120px;

    padding-bottom: 15px;

    position: relative;

}



.single-post .hentry { 

    border-bottom: none; 

    margin-bottom: 20px;

}



.format-standard .entry-title,

.format-standard .entry-title a {

    font-size: 20px;

    line-height: 28px;

    margin-bottom: 20px;

}



.format-quote .entry-title,

.format-quote .entry-title a,

.format-link .entry-title,

.format-link .entry-title a {

    font-size: 18px;

    line-height: 26px;

    margin-bottom: 20px;

}



.entry-content { overflow: hidden; }



.post-thumb > a,

.post-thumb > a:hover { 

    //background-color: #fff; 

    border-bottom: none;

}



.post-thumb img {

    -webkit-transition: opacity .2s linear;

	-moz-transition: opacity .2s linear;

	-o-transition: opacity .2s linear;

	-ms-transition: opacity .2s linear;

	transition: opacity .2s linear;

}



.post-thumb > a:hover img { opacity: .7; }



.more-link {

    background-color: #222;

    border-bottom: none;

    color: #fff;

    padding: 3px 5px 2px;

}



.more-link:hover { color: #222; }



.entry-meta {

    font-size: 12px;

    position: absolute;

    left: -120px;

    top: 0;

    width: 100px;

}



.entry-meta a {

    border-bottom: none;

    color: #555;

    display: inline-block;

    padding: 0 4px 0;

    margin: 0 -4px;

    line-height: 18px;

}



.entry-meta span { 

    display: inline-block; 

    margin-bottom: 4px; 

}



.entry-meta span.post-format {

    background: #ffd62c url(images/icons.png) 0 0 no-repeat;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    display: inline-block;

    margin: 0 0 9px 0;

    padding: 0;

    height: 45px;

    width: 45px;

    -webkit-transition: background-color .2s linear;

	-moz-transition: background-color .2s linear;

	-o-transition: background-color .2s linear;

	-ms-transition: background-color .2s linear;

	transition: background-color .2s linear;

}



.format-aside span.post-format { background-position: -270px 0; }



.format-audio span.post-format { background-position: -135px 0; }



.format-gallery span.post-format { background-position: -90px 0; }



.format-image span.post-format { background-position: -180px 0; }



.format-link span.post-format { background-position: -225px 0; }



.format-quote span.post-format { background-position: -315px 0; }



.format-video span.post-format { background-position: -45px 0; }



.entry-meta a.post-format:hover { background-color: transparent; }



.entry-meta a:hover span.post-format { background-color: #222; }



.entry-meta span.edit-post a { margin: 0; }



.sub-title {

    color: #b2b2b6;

    font-size: 12px;

    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

    font-weight: bold;

    position: relative;

    top: -15px;

}



.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; }



.sticky {}





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

/*	7.	Comments

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



#comments {

    background: #ffd62c url(images/icons.png) -360px 1px no-repeat;

    float: left;

    margin-top: 62px;

    height: 45px;

    width: 45px;

}



.commentlist {

    background: transparent url(images/bg-comments-dots.gif) 0 0 no-repeat;

	margin: 20px 0 40px 0;

	list-style-type: none;

    padding-left: 120px;

    padding-top: 20px;

}



.page-template-template-full-width-php .commentlist { width: 560px; }



.commentlist li.comment > div { 

    border-top: 2px solid #f7f7f8; 

    padding-top: 20px;

}



.commentlist li.comment:first-child > div { border-top: none; }



.commentlist .children li.comment:first-child > div { border-top: 2px solid #f7f7f8; }



.pinglist {

	margin: 20px 0 40px 30px;

	list-style-type: decimal;

}



.comment {

	margin-top: 20px;

	background: #fff;

}



#commentform input { margin-right: 10px; }



#commentform label small { font-size: 13px; }



#commentform label small span { color: #b2b2b6; }



#commentform textarea { width: 96%; }



.children { list-style-type: none; }



.avatar {

	background: #fff;

	border: 2px solid #fff;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

}



.comment .avatar {

	float: right;

	margin: 0 0 0 10px;

}



.bypostauthor .avatar { border-color: #ffd62c; }



.comment-meta,

.comment-meta a { 

    border-bottom: none;

    color: #555;

    font-size: 12px;

    line-height: 18px;

    margin-bottom: 15px; 

}



.comment-author-admin {}



.comment-author {

    color: #333;

    font: bold 13px/15px 'Helvetica Neue', Helvetica, Arial, sans-serif;

    font-style: normal;

    margin-bottom: 5px;

}



.comment-author cite { font-style: normal; }



.comment-author a { border-bottom: 1px dotted #333; }



.comment-author a:hover { border-bottom: none; }



.nocomments {

	text-align: center;

	margin-left: 120px;

	padding: 0 20px 20px;

}



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



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



#respond {

    background: transparent url(images/dots.gif) 0 0 repeat-x;

    width: 560px;

    padding-top: 40px;

    margin-left: 120px;

    position: relative;

}



#respond h3 {

    background: #ffd62c url(images/icons.png) -405px 1px no-repeat;

    text-indent: -999em;

    position: absolute;

    top: 40px;

    left: -120px;

    height: 45px;

    width: 45px;

}



.commentlist #respond {

    background-image: none;

    margin-left: 0;

}



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

/*	8.	Pagination

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



.page-navigation,

.single-page-navigation {

    background: transparent url(images/bg-navigation.gif) 0 0 repeat-x;

    padding: 27px 0 45px;

}



.page-navigation a,

.single-page-navigation a { 

    color: #555;

    border-bottom: none;

    display: inline-block;

    padding: 1px 4px 0;

}



.page-navigation a:hover,

.single-page-navigation a:hover { color: #222; }



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



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



.single-page-navigation .nav-next { 

    float: right; 

    text-align: right;

    width: 50%;

}



.single-page-navigation .nav-previous { 

    float: left; 

    width: 50%;

}



.single-portfolio .single-page-navigation {

    background: none;

    display: block;

    position: absolute;

    right: 0;

    top: -30px;

}



.single-portfolio .single-page-navigation .nav-previous {

    display: inline;

    float: none;

}



.single-portfolio .single-page-navigation .nav-next { 

    display: inline;

    float: none;

    margin-left: 5px;

    padding-left: 15px;

}



.single-portfolio .single-page-navigation .nav-previous + .nav-next { background: transparent url(images/bg-widget-title.gif) 0 3px no-repeat; }



.ie7.single-portfolio .single-page-navigation .nav-previous + .nav-next { background-position: 0 8px; }



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

/*	9.	Footer Styles

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



#footer {

    background: #222;

    color: #aaa;

	padding: 25px 20px 5px 20px;

}



.footer-left {

    float: left;

    width: 460px;

}



.footer-center,

.footer-right {

    float: left;

    margin-left: 20px;

    width: 220px;

}



#sub-footer {

    color: #222;

    font: 11px/18px 'Helvetica Neue', Helvetica, Arial, sans-serif;

    margin-bottom: 10px;

    padding: 20px;

}



.copyright { 

    float: left;

    margin-bottom: 0; 

    width: 50%;

}



.copyright p { margin-bottom: 0; }



.copyright a {

    border-bottom: none;

    color: #555;

    padding: 2px 3px;

    margin: -3px -2px -2px;

}



.copyright a:hover { color: #222; }





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

/*	10.	Page Templates

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



.page .page-header .edit-post {

    position: absolute;

    right: 5px;

    top: 0;

}



.page-template-template-home-php #primary,

.page-template-template-full-width-php #primary {

    background: #fff url(images/dots.gif) 0 100% repeat-x;

    width: 100%;

}



.page-template-template-home-php .slider {

    margin-bottom: 0;

    float: left;

    height: 350px;

    width: 700px;

}



.page-template-template-home-php .slider img { height: 350px; }



.page-template-template-home-php .slider + .entry-content {

    width: 220px;

    float: right;

}



.page-template-default #content,

.page-template-template-archives-php #content,

.page-template-template-contact-php #content { background: #fff url(images/bg-content-dots.gif) 0 100% no-repeat; }



.page-template-default .hentry,

.page-template-template-home-php .hentry,

.page-template-template-full-width-php .hentry,

.page-template-template-archives-php .hentry,

.page-template-template-contact-php .hentry { 

    border-bottom: none;

    margin-bottom: 0;

    margin-left: 0; 

}



/* Search Page -------------------------------------------*/



.search-results #primary ol { margin-left: 20px; }

.search-results #primary ol li {

    list-style: decimal;

}



/* Archive Template --------------------------------------*/



.search_posts { margin-bottom: 30px; }



.archive-lists h4 { margin-bottom: 10px; }



.archive-lists li {

    line-height: 24px;

    list-style-type: circle;

}



.archive-lists li a {

    border-bottom: none;

    padding: 2px 3px;

    margin: -2px -3px;

}



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



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



/* Contact Template --------------------------------------*/



.contactform { margin-left: 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: 96.5%;

	height: 200px;

	margin-bottom:15px;

}



.contactform li button { 

    float: right; 

    font-size: 13px;

}



label.error { color: red; }





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

/*	11.	Widgets

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



.widget { margin-bottom: 30px; }



.widget-title {

    background: transparent url(images/dots.gif) 0 6px repeat-x;

	color: #222;

	font-size: 12px;

	padding-bottom: 10px;

}



#footer .widget-title { color: #fff; }



.widget-title span {

    background: #fff url(images/bg-widget-title.gif) 0 3px no-repeat;

    padding: 0 15px 0 13px;

}



#footer .widget-title span { background-color: #222; }



.widget a {

    border-bottom: none;

    color: #555;

    padding: 0 2px;

    margin: 0 -2px;

}



.widget ul {

	list-style-type: none;

	margin: 0;

}



.widget ol {

	list-style-type: decimal;

	margin-bottom: 0;

}



/* 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 -----------------------------------*/



#twitter-holder {

	background: url(images/ajax-loader.gif) no-repeat center;

	min-height: 20px;

}



.tz_tweet_widget ul {

	margin: 0 0 10px 0;

	list-style-type: none;

}



.tz_tweet_widget ul li { padding: 8px 0; }



.tz_tweet_widget ul li > a {

    color: #b2b2b6;

    display: block;

}



#footer .tz_tweet_widget ul li > a { color: #555; }



.tz_tweet_widget ul li > a:hover {

    background-color: transparent;

    color: #222;

}



.tz_tweet_widget ul li span a { 

    border-bottom: 1px dotted #222;

    color: #222;

}



#footer .tz_tweet_widget ul li span a { 

    border-color: #fff;

    color: #fff; 

}



.tz_tweet_widget ul li span a:hover { border-bottom: none; }



#footer .tz_tweet_widget ul li span a:hover { color: #222; }



a.twitter-link {

    padding: 2px 4px;

    margin: -2px -4px;

}



#footer .twitter-link { color: #fff; }



#footer .twitter-link:hover { color: #222; }



/* Flickr Widget ------------------------------------------*/



.tz_flickr_widget { padding-right: 0; }



.tz_flickr_widget .widget-title { margin-bottom: 10px; }



.tz_flickr_widget > div {

    padding-right: 10px;

    margin-right: -20px;

}



.flickr_badge_image {

	float: left;

	margin: 0 17px 17px 0;

	height: 40px;

	width: 40px;

}



.flickr_badge_image a:hover { background-color: transparent; }



.flickr_badge_image img {

	background: #fff;

	border: 3px solid #ffd62c;

    height: 40px;

	width: 40px;

}



.flickr_badge_image img:hover { border-color: #222; }



#footer .flickr_badge_image img:hover { border-color: #fff; }



/* Video Widget ------------------------------------------*/



.tz_video { margin-bottom: 20px; }



/* Custom Recent Portfolio/Work Widget -------------------*/

/* see Portfolio Content styles for rules */



.tz-recent-portfolios-widget li { margin: 0 0 20px 0; }



.tz_recent_portfolios_widget { margin-bottom: 10px!important; }



/* Custom Blog Widget ------------------------------------*/



.tz-blog-widget li { 

    padding-left: 60px;

    position: relative; 

}



.tz-blog-widget .entry-title { line-height: 21px; }



.tz-blog-widget .entry-title a { 

    border-bottom: 1px dotted #222; 

    font-size: 13px;

}



.tz-blog-widget .entry-title a:hover { 

    background-color: #ffd62c; 

    border-bottom: none;

    color: #222;

}



.tz-blog-widget .entry-meta {

    left: 0;

    top: 11px;

}



#footer .tz-blog-widget .entry-title a { 

    border-bottom: 1px dotted #656565; 

    color: #fff;

}



#footer .tz-blog-widget .entry-title a:hover { 

    background-color: #222;

    color: #ffd62c; 

}



#footer .tz-blog-widget .entry-meta a:hover span.post-format { 

    background-color: #fff;

    background-position: 0 -68px;

}



.zilla-social a:hover { background-color: transparent; }





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

/*	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;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	   		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;

	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;

	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;

	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;

	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;

	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;

	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;

	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;

	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;

	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;

	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 0 0 1px;

	padding: 0;

}



.tabs ul.nav li {

	float: left;

	position: relative;

	margin: 0 2px -1px 0;

	z-index: 10;

}



.tabs ul.nav li a {

	border: 1px solid #EFEFEF;

	border-bottom: none;

	display: block;

	overflow: hidden;

	padding: 5px 10px 0 10px;

	height: 24px;

	background: #FBFBFB;

	-webkit-border-radius: 3px 3px 0 0;

	   -moz-border-radius: 3px 3px 0 0;

	   		border-radius: 3px 3px 0 0;

}



.tabs ul.nav li.ui-tabs-selected a,

.tabs ul.nav li.ui-tabs-active a {

	height: 25px;

	background: #fff;

}



.tabs .tab {

	background: #fff;

	padding: 10px;

	border: 1px solid #EFEFEF;

}



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



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



.toggle h4 {

	font-size: 12px;

	padding: 10px; 

	background: #FBFBFB;

	border: 1px solid #EFEFEF;

	cursor: pointer;

}



.toggle-inner {

	padding: 10px;

	background: #fff;

	border: 1px solid #EFEFEF;

	border-top: none;

}



.toggle .ui-icon {

	background: #F00;

	width: 10px;

	height: 10px;

	float: left;

	margin: 3px 10px 0 0;

}



.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.	Isotope Stylings

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



.isotope-item { z-index: 2; }



.isotope-hidden.isotope-item {

  pointer-events: none;

  z-index: 1;

}



.isotope,

.isotope .isotope-item {

  -webkit-transition-duration: 0.8s;

     -moz-transition-duration: 0.8s;

          transition-duration: 0.8s;

}



.isotope {

  -webkit-transition-property: height, width;

     -moz-transition-property: height, width;

          transition-property: height, width;

}



.isotope .isotope-item {

  -webkit-transition-property: -webkit-transform, opacity;

     -moz-transition-property:    -moz-transform, opacity;

          transition-property:         transform, opacity;

}



/* disabling Isotope CSS3 transitions ----------------------------*/



.isotope.no-transition,

.isotope.no-transition .isotope-item,

.isotope .isotope-item.no-transition {

  -webkit-transition-duration: 0s;

     -moz-transition-duration: 0s;

          transition-duration: 0s;

}



/*-----------------------------------------------------------------------------------*/
/*	14.	SNOGRAFX wuz here
/*-----------------------------------------------------------------------------------*/

/* SCOPE THEME WRITEOVERS */

#primary-nav {
    margin: 72px 0 5px 0;
}

.page-title {
	font-family: univers_condensed-light, sans-serif !important;
	text-transform: uppercase;
	font-size: 2em;
	padding: 0;
	font-weight: bold !important;
	background: none;
}
#menu-navi li.menu-item {
	font-family: univers_condensed-light, sans-serif !important;
	text-transform: uppercase;
	font-size: 1.9em;
	font-weight: bold !important;
}

div.sg_port-section-title h2  {
	margin: 3px 0 !important;
}

.menu-navi-container {
	background: white !important;
	z-index: 850 !important;
	border-bottom: white 3px solid;
	width: 590px;
	display: inline-block;
	height: 35px;

}

#footer a {
	color: #888;
}

#footer a:hover {
	color: white;
}

.widget {
	margin-bottom: 22px;
}

.copyright {
	color: rgb(170, 170, 170);
	background: rgb(34, 34, 34);
	width: 220px !important;
	margin: -10px 0 0 -20px;
	padding: 4px 20px;
}

.page-header {
	display: none;
}

.slider-desc {
	font-family: univers_condensed-light, sans-serif !important;
	font-style: normal;
	font-size: 1.8em;
	line-height: 150%;
	padding: 12px 18px;
	margin: -20px 0 0 -19px;
	opacity: 0.88;
		filter:alpha(opacity=88); /* For IE8 and earlier */
}

.page-template-template-portfolio-php .post-thumb a {
	background: none !important;
}

.page-navigation {
	background: none !important;
	padding: 0 0 30px 0;
}

#logo {
	margin: 6px 0 0 12px;
}


/* GALLERY PLUGIN WRITEOVERS */

.gllr_image_block  {
	height: 200px;
	width: 200px;
	margin: 0 0 46px 46px;
}

.gllr_image_row .gllr_image_block:first-child  {
	margin: 0 0 46px 0 !important;
}

.gllr_image_block img {
	border: none !important;
	box-shadow: 0 18px 16px -16px #f1f1f1;
	-webkit-box-shadow: 0 18px 16px -16px #f1f1f1;
	-moz-box-shadow: 0 18px 16px -16px #f1f1f1;
}

.gllr_image_block img:hover {
	box-shadow: 0 18px 16px -16px #ececec;
	-webkit-box-shadow: 0 18px 16px -16px #ececec;
	-moz-box-shadow: 0 18px 16px -16px #ececec;
}
.gllr_image_block p {
	border: none !important;
}

.gllr_single_image_text {
	margin: 4px;
	text-align: center;
}


/* UNIVERSAL */

iframe {
	wmode: opaque;
}
.sg-hide {
	display: none !important;
}

a.fancybox,
a.sg_gallery-link {
	background: none !important;
}

.sg_divider {
    background: white url("images/dots.gif") repeat-x scroll 0px center;
    width: 100%;
    height: 26px;
}

.sg_divider_shop {
    background: #eee;
    width: 100%;
    height: 1px;
}

#sg_footer-credit {
	background: transparent;
	float: left;
	bottom: 0;
	width: 100%;
	text-align: left;
	margin: 7px 0;
	font-family: univers_condensed-light, sans-serif !important;
	font-size: 1.05em;
	bottom: 0;
	font-weight: normal;
}

#sg_footer-credit,
#sg_footer-credit a {
	color: #777;
}

#sg_footer-credit a:hover {
	color: white;
}

.sg_footer-text {
	border-top: 1px dotted #777;
	padding: 11px 0 0 0;
}

/* CONTENT */

div.entry-content h2 {
	font-family: univers_condensed-light, sans-serif !important;
	font-size: 1.9em;
	margin: 20px 0 10px 0;
}

div.entry-content h2.hl-1 {
	margin: 0 0 10px 0 !important;	
}


/* HOME */

.sg_home-headline {
	font-family: univers_condensed-light, sans-serif !important;
	font-size: 2em;
	margin: 22px 0 30px 0;
}

.sg_home-news-headline {
	font-family: univers_condensed-light, sans-serif !important;
	font-size: 1.7em;
	margin: 0 0 14px 0;
	font-weight: bold;
}

.sg_home-news-guts {
	display: inline-block;
	margin: 0;
	background: transparent;
	width: 100% !important;
}

.sg_home-news-guts-single {
	min-height: 575px;
	background: transparent;
}

.sg_home-news-date {
	font-family: univers_condensed-light, sans-serif !important;
	font-size: 1.25em;
	float: left;
	width: 200px;
	background: transparent;
}

.sg_home-news-content {
	background: transparent;
	font-size: 1.05em;
	float: right;
	width: 720px;
}


/* PORTFOLIO: ARTIST */



h2.sg_port-artist-title a {
	font-family: univers_condensed-light, sans-serif !important;
	font-size: 1.75em !important;
	font-weight: normal;
}

div.port-section-title h2,
div.sg_port-section-title h2  {
	font-family: univers_condensed-light, sans-serif !important;
	text-transform: uppercase;
	font-size: 1.9em;
	font-weight: normal !important;
	line-height: 1.25em;
	margin: -2px 0 0 0 !important;
}

#sg_port-sort-artist-container {
	height: 44px;
	background: transparent;
	text-align: center;
	width: 100%;
}

.sg_port-horizontal,
.port-horizontal {
	border: none;
	background: #dcdcdc;
	width: 100%; 
	height: 1px; 
	margin: 30px 0 25px 0;
}

.sg_port-section {
	width: 100%;
}

.sg_port-section-title {
	float: left; 
	width: 24%;	
	background: transparent;
}

.sg_port-section-content {
	//float: right; 
	width: 75%;
	background: transparent;
	display: inline-block;
}

.sg_port-section-content-inner {
	padding: 0 0 0 5px;
}

.sg_port-section-title-bio {
	float: left; 
	width: 100% !important;	
	background: transparent;
}

#sg_port-links {
	font-family: univers_condensed-light, sans-serif !important;
	background: transparent;
	display: inline-block;
	margin: 0 0 4px 0;
	font-size: 1.3em;
	float: left;
	line-height: 1.2em !important;
	min-height: 400px;
}


#sg_port-links a {
	margin: 0 0 4px 0;
	font-size: 1.3em;
	line-height: 1.2em !important;
}


#sg_port-links a:hover {
	background: #32c2b6;
}

.sg_port-contact-mail {
	font-size: 1em !important;
}


.sg_divider-port {
    margin: 0 0 24px 0 !important;
}

#sg_port-content {
	background: transparent;
	min-height: 485px;
}

/* SHOP: INDEX */

#sg_shop-sort-artist-container {
	background: transparent;
	border: none;
	margin: 0 auto;
	text-align: center;
}

#sg_shop-sort-artist-form select {
	background: white url(images/lab-down.png) 96% 48% no-repeat;
	width: 300px;
	padding: 5px;
	font-size: 16px;
	line-height: 1;
	border: 4px #eee solid;
	border-radius: 0;
	height: 40px;
	-webkit-appearance: none;
	 font-family: univers_condensed-light, sans-serif !important;
}

#sg_shop-sort-artist-form select:hover {
	cursor: pointer;
	border: 4px #ddd solid;
}

#sg_sort-by {
	font-family: univers_condensed-light, sans-serif !important;
	font-size: 1.75em !important;
	font-weight: normal;
	text-align: center;
	margin: 0 auto;
}

#sg_shop-content {
	background: transparent;
	margin: 22px 0 0 0;
}

.sg_shop-post {
	background: transparent;
	min-height: 325px;
	width: 200px;
	text-align: center;
}

.sg_shop-post-row {
	margin: 0 0 2px 0;
}

.sg_shop-post-col-1 {
	margin: 0 0 0 0;
}

.sg_shop-post-col-2 {
	margin: -325px 0 0 247px;
}

.sg_shop-post-col-3 {
	margin: -325px 0 0 495px;
}

.sg_shop-post-col-4 {
	margin: -325px 0 0 740px;
}

#sg_shop-content .post-thumb {
	text-align: center;
	height: 185px !important;
}

.sg_shop-thumb {
	height: 185px;
	width: 185px;
	margin: 0;
	box-shadow: 0 18px 16px -16px #f1f1f1;
	-webkit-box-shadow: 0 18px 16px -16px #f1f1f1;
	-moz-box-shadow: 0 18px 16px -16px #f1f1f1;
}

.sg_shop-thumb:hover {
	box-shadow: 0 18px 16px -16px #ececec;
	-webkit-box-shadow: 0 18px 16px -16px #ececec;
	-moz-box-shadow: 0 18px 16px -16px #ececec;
}

a.sg_shop-thumb-link {
	height: 185px !important;
	width: 200px !important;
}

.sg_shop-post-details {
	margin: 10px 0 0 0;
	padding: 0 5px;
	background: transparent;
	height: 115px;
	text-align: center;
}

.sg_shop-title-link {
	font-weight: bold;
	font-family: univers_condensed-light, sans-serif !important;
}

.sg_shop-info-artist {
	font-size: 1.35em;
}

.sg_shop-info-album-title {
	font-size: 1.35em;
	font-weight: normal;
}

.sg_shop-preorder {
	font-style: italic;
	color: #888;
	margin: 0 0 3px 0;
	font-family: univers_condensed-light, sans-serif !important;
	font-size: 1.05em;
}

#sg_shop-external-links {
	margin: 3px 0 0 0;
	color: #ddd;
}

.sg_shop-external-link,
.sg_shop-external-link a {
	font-weight: normal;
	margin: 0 1px;
	font-family: univers_condensed-light, sans-serif !important;
	font-size: 1.05em;
}

.sg_shop-unavailable {
	color: maroon;
	font-style: italic;
	font-family: univers_condensed-light, sans-serif !important;
	font-size: 1.05em;
}

/* SHOP: ITEM */
#sg_shopitem-layout-n,
#sg_shopitem-layout-s {
	display: inline-block;
	margin: 0;
	padding: 35px 5px;
	background: transparent;
	width: 100% !important;
}
#sg_shopitem-layout-nw {
	background: transparent;
	width: 48%;
	float: left;
	padding: 0 0 0 2%;
}
#sg_shopitem-layout-ne {
	background: transparent;
	width: 47%;
	float: right;
	padding: 0 2% 0 0;
}
#sg_shopitem-layout-sw {
	background: transparent;
	width: 30%;
	float: left;
	padding: 0 0 0 2%;
}
#sg_shopitem-layout-se {
	background: transparent;
	width: 65%;
	float: right;
	padding: 0 2% 0 0;
}

#sg_shopitem-content {
	background: transparent;
	width: 100% !important;
	text-align: center;
}

#sg_shopitem-cover-container {
	background: transparent;
	width: 100%;
	min-height: 350px;
	margin: 0 0 45px 0;
}

#sg_shopitem-cover {
	width: 350px;
	min-height: 350px;
	margin: 0;
	box-shadow: 0 18px 16px -16px #f1f1f1;
	-webkit-box-shadow: 0 18px 16px -16px #f1f1f1;
	-moz-box-shadow: 0 18px 16px -16px #f1f1f1;
}

#sg_shopitem-title {
	background: transparent;
  	font-family: univers_condensed-light, sans-serif !important;
	font-size: 2.2em;
	line-height: 1.1em;
	margin: 5px auto 38px auto;
	text-align: center;
}

.sg_shopitem-primary {
	background: transparent;
	width: 450px !important;
}

#sg_shopitem-info {
	background: transparent;
	width: 80%;
	margin: 0 auto;
	text-align: left;
}

#sg_shopitem-specs {
	background: #eee;
	color: #999;
	width: 68% !important;
	padding: 5px;
	margin: 0 auto;
	font-size: 1.05em;
	text-align: center;
	font-family: univers_condensed-light, sans-serif !important;
}

.sg_shopitem-spec {
	padding: 0 5px;
	color: #444;
}

#sg_shopitem-more-by {
	background: transparent;
	width: 80%;
	margin: 2px auto 0 auto;
	padding: 5px;
	font-size: 1.2em;
	line-height: 1.4em;
	text-align: left;
	font-family: univers_condensed-light, sans-serif !important;
}

.sg_shopitem-sidebar {
	background: transparent;
	width: 468px !important;
	padding: 0 0 0 0;
	margin: 35px 0 0 0;
}

#sg_shopitem-details {
	background: transparent;
	width: 100%;
	margin: 0 auto;
}

#sg_shopitem-tracklist {
	background: transparent;
	width: 98%;
	margin: 0 auto 40px auto;
	font-family: univers_condensed-light, sans-serif !important;
	font-size: 1.3em;
	min-height: 280px;
}

#sg_shopitem-details-left {
	background: transparent;
	float: left;
	width: 55%;
	margin: 0 0 20px 0;
}

#sg_shopitem-details-right {
	background: transparent;
	float: right;
	width: 40%;
	font-family: univers_condensed-light, sans-serif !important;
	font-size: 1.2em;
	margin: 0 0 20px 0;
}

.sg_shopitem-preorder {
	font-style: italic;
	color: #888;
	margin: 0 0 3px 0;
}

#sg_shopitem-external-links {
	margin: 13px 0 0 0;
	color: #ddd;
	font-size: 1.2em;
}
.sg_shopitem-external-link-container {
	margin: 0 4px;
}

.sg_shopitem-external-link,
.sg_shopitem-external-link a {
	font-weight: normal;
	margin: 0 1px;
	font-family: univers_condensed-light, sans-serif !important;
	font-size: 1.2em;
	color: #222;
}

#sg_shopitem-soundcloud {
	width: 88%;
	margin: 0 auto;
}


/* PRESS */

#sg_press-headline {
	font-family: univers_condensed-light, sans-serif !important;
	font-size: 2em;
	line-height: 1.2em;
	font-weight: bold;
	background: transparent;
	height: 50px;
	color: #222;
}

.sg_press-section {
	display: inline-block;
}

.sg_press-artist-name {
	color: #222;
	font-weight: bold;
}

.sg_press-section-name {
	color: #444;
	font-weight: normal !important;
}

div.sg_press-section-title h2  {
	font-family: univers_condensed-light, sans-serif !important;
	text-transform: uppercase;
	font-size: 1.9em;
	line-height: 1.25em;
	margin: -2px 0 0 0 !important;
	display: inline-block;
}

.sg_press-help {
	color: #ccc;
	font-style: italic;
	font-size: .9em;
	text-align: center;
	margin: 8px 0 0 0;
}

.sg_divider-press {
    margin: 0 0 20px 0 !important;
}

.gllr_single_image_text {
	font-weight: normal;
	margin: 10px 0 0 0;
	font-family: univers_condensed-light, sans-serif !important;
	font-size: 1.25em !important;
}


.sg_press-resources-list {
	font-size: 1.5em;
	line-height: 1.33em;
}

#sg_press-dl {
	background: transparent;
	float: right;
}

#sg_press-dl a {
	color: #ddd;
}

#fancybox-close {
    width: 28px !important;
    top: 13px !important;
    right: 13px !important;
}

/* TOURS*/
h3.gigpress-artist-heading {
	margin: 40px 0 0 0;
	font-family: univers_condensed-light, sans-serif !important;
	font-size: 1.9em !important;
}
h3#artist-1.gigpress-artist-heading {
	margin: 0 !important;
}
.gigpress-row {
	font-size: 1.33em;
}
.gigpress-date {
	width: 25%;
}
.gigpress-city {
	width: 25%;
}
.gigpress-venue {
	width: 35%;
}
.gigpress-country {
	width: 15%;
}
.gigpress-table,
.gigpress-row {
	border: 0 !important;
}

/* GET-A-NEWSLETTER */

.sg_gan-label {
	margin: -8px 0px 0 0;
	display: inherit;
	width: 285px;
	padding: 9px 0 0 0;
	border-top: 1px dotted #555;
}

.sg_gan-input {
	background: #333 !important;
	border: none;
	margin: -18px 0 0 0;
	display: inherit;
	width: 275px;
	padding: 5px;
	font: bold 1em Consolas, Monaco, monospace;
}

.sg_gan-input:hover {
	background: #444 !important;
	cursor: text;
}

.sg_gan-submit {
	display: inherit;
	width: 285px;
	padding: 2px 0;
	margin: -14px 0 0 0;
	background: #333 !important;
	border: none;	
	font: bold .88em Consolas, Monaco, monospace;
}

.sg_gan-submit:hover {
	background: #32c2b6;
	color: white;
	cursor: pointer;
}

.sg_gan-input:focus {
	background: #444 !important;
	color: white !important;
}



/* CREDIT */

#snografx {
	background: transparent url('snocube.png') no-repeat 0 0 !important;
	bottom: -3px;
	border: black 0px solid;
	height: 80px;
	left: -3px;
	position: fixed;
	width: 80px;
	z-index: 0;
	border-radius: 0 80px 0 0;
	-moz-border-radius: 0 80px 0 0;
	-webkit-border-radius: 0 80px 0 0;
}

#snografx:hover {
	border: red 0px solid;
	background: transparent url('snocube.png') no-repeat 0 -80px !important;
	border-radius: 0 80px 0 0;
	-moz-border-radius: 0 80px 0 0;
	-webkit-border-radius: 0 80px 0 0;

}

a.link_link {
	background: none !important;
	display: inline-block;
	height: 100%;
	text-decoration: none;
	width: 100%;
}

/* FONTS */

@font-face {
  font-family: gotham_light-condensed;
  src: local(gotham_light-condensed), url('gotham_light-condensed.otf') format('opentype');
}
.gotham_light-condensed {
  font-family: gotham_light-condensed, sans-serif !important;
}

@font-face {
  font-family: gotham_book;
  src: local(gotham_book), url('gotham_book.otf') format('opentype');
}
.gotham_book {
  font-family: gotham_book, sans-serif !important;
}

@font-face {
  font-family: gotham_thin;
  src: local(gotham_thin), url('gotham_thin.otf') format('opentype');
}
.gotham_thin {
  font-family: gotham_thin, sans-serif !important;
}

/*
@font-face {
  font-family: univers_condensed-light;
  src: url('univers_condensed-light.eot');
  src: local(univers_condensed-light), url('univers_condensed-light.ttf') format('opentype');
}
*/

@font-face {
 font-family: univers_condensed-light;
 src: url("Univers_Light_Condensed.eot") /* EOT file for IE */
}

@font-face {
 font-family: univers_condensed-light;
 src: url("univers_condensed-light.ttf");
}

.univers_condensed-light,
.univers {
  font-family: univers_condensed-light, 'arial narrow', arial, sans-serif !important;
}