@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300|Lora:400,700italic,400italic,700);

.fullscreen-bg {
	opacity: .1;	
	}

body {color: #ffffff; font-family: 'Lora', serif;
	background: rgba(0,0,0,.9);

}

a {color: #a99a33;}

a:hover {color: #242321;}

h1,
h2,
.section-header h2,
.site-title {color: #a99a33; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700;}

.container.sidebar .dark-section .section-header h2 {color: #a99a33;}

.container.sidebar .dek {
	font-family: 'Lora', serif;
	font-size: 25px;
	font-style: italic;
	font-weight: 700;
	letter-spacing: 2px;
}

.container.sidebar .site-title, .container.sidebar h1.site-title {
	font-size: 50px;
	letter-spacing: 2px;
	line-height: 58px;
}

.container.sidebar .contact-bar {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 15px;
	margin-top: 77px;
	letter-spacing: 1px;
}

.container.sidebar .contact-bar a {
	color: #a99a33;
}

.container.sidebar .contact-bar a:hover {
	color: #663333;
}

.container.sidebar .shop-hours h3 {color: #996633; font-size: 15px;}

.container.sidebar .tagline {
	background: url('../img/tagline-divider.png') center top no-repeat, url('../img/tagline-divider.png') center bottom no-repeat;
	font-size: 16px;
	font-style: italic;
	letter-spacing: 1px;
	padding: 20px 0;
}

.container.sidebar .nav-wrapper ul,
.container.sidebar ul.nav {
	font-family: 'Open Sans Condensed', sans-serif;
}

.container.sidebar .nav-wrapper ul li,
.container.sidebar ul.nav li {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 2px;
}

.nav-wrapper ul a,
.nav a,
.nav-wrapper.hasScrolled ul a,
.nav-wrapper.hasScrolled nav a {
	color: #ffffff;
	padding: 6px 0;
}

.nav-wrapper ul a:hover,
.nav a:hover,
.nav-wrapper.hasScrolled ul a:hover,
.nav-wrapper.hasScrolled nav a:hover {
	color: #a99a33;
}

.container.sidebar .nav-wrapper ul,
.container.sidebar ul.nav {
	background: url('../img/tagline-divider.png') center bottom no-repeat;
	padding-bottom: 7px;
}

.nav-wrapper .social-media-buttons {padding-top: 43px;}

.section-header h2 {
	font-size: 36px;
	letter-spacing: 2px;
}

.container.sidebar .section-header a {
	color: #f0eeea;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 14px;
	letter-spacing: 2px;
	top: 13px;
}

.container.sidebar .section {
    border-top: 3px solid #a99a33;
}

.main h3 {
	font-size: 22px;
	font-style: italic;
	font-weight: 700;
}

.news-entry .date {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.main p, .section p {font-size: 16px;}

.artist-home-row-header h3 {
	color: #ffffff;
	text-transform: none;
}

.button {
	background: rgba(87,85,81,0);
	border: 3px solid #a99a33;
	color: #ffffff;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 14px;
	font-weight: 700;
	height: auto;
	letter-spacing: 2px;
	line-height: normal;
	padding: 2px 6px;
	text-transform: uppercase;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.container.sidebar .dark-section .button {
	color: #ffffcc;
}

.button:hover,
.container.sidebar .dark-section .button:hover {
	background: rgba(87,85,81,1);
	color: #ffffff;
}

.container.sidebar .section-header a.button {
	border: none;
}

.container.sidebar .section-header a:hover {
	background: #a99a33;
}

.container.sidebar .social-media-buttons:after {
	display: table;
	content: "";
	clear: both;
}

.news-entry h3 a {color: #ffffff;}

.news-entry h3 a:hover {color: #a99a33;}

.container.sidebar .social-media-buttons a {float: left;}

.container.sidebar .social-media-buttons .button {
	background: #575551;
	border: none;
	color: #f0eeea;
	height: 24px;
	font-size: 13px;
	line-height: 24px;
}

.container.sidebar .social-media-buttons .button:hover {
	background-color: #a99a33;
}



.container.sidebar .social-media-buttons a.facebook-button {
    background-image: url('../img/facebook-icon.png');
    width: 24px;
}

.container.sidebar .social-media-buttons a.instagram-button {
    background-image: url('../img/instagram-icon.png');
    width: 24px;
}

.container.sidebar .social-media-buttons a.twitter-button {
    background-image: url('../img/twitter-icon.png');
    width: 24px;
}

.container.sidebar .social-media-buttons a.facebook-button:hover,
.container.sidebar .social-media-buttons a.instagram-button:hover,
.container.sidebar .social-media-buttons a.twitter-button:hover {
	background-position: right top;
}

.img-caption h3 span.img-title {
	font-family: 'Open Sans Condensed', sans-serif;
	font-style: normal;
	font-weight: 300;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.container.sidebar .nav-wrapper,
.container.sidebar .nav-wrapper.hasScrolled {
	background: url('../img/sidebar.png') left top no-repeat;
}

#artists-section .artist-name-banner {margin-top: 3px;}

#artists-section .artist-name-banner {padding-top: 4px;}

#artists-section .artist-name-banner h3 {
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	color: #a99a33;
}

.artist-thumb .button-wrapper {padding-top: 3px;
	
}

.artist-thumb .button-wrapper:after {
	display: table;
	content: "";
	clear: both;
}

.artist-thumb .button-wrapper a {float: left; }

#artists-section .artist-thumb .button-wrapper a {font-size: 13px; padding-left: 0; padding-right: 0; text-align: center;}

#artists-section .artist-thumb .button-wrapper a.about-page-button {width: 66px;}

#artists-section .artist-thumb .button-wrapper a.tattoo-gallery-button {width: 76px;}

#artists-section .artist-thumb .button-wrapper a.media-gallery-button {width: 62px;}

.container.sidebar .section {padding-bottom: 20px;}

.container.sidebar form#contact input.submit,
.container.sidebar #mailinglistform input.submit {
	
	color: #a99a33;
	font-family: 'Lora', serif;
	font-size: 22px;
	letter-spacing: normal;
}

.container.sidebar form#contact input.submit:hover,
.container.sidebar #mailinglistform input.submit:hover {
	background: #242321;
}

.testimonial-block h3 {
	font-size: 22px;
	font-style: italic;
}

.container.sidebar .footer-nav a {
	border: 3px solid #f0eeea;
	color: #f0eeea;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	letter-spacing: 2px;
}

.container.sidebar .footer-nav a:hover {
	border: 3px solid #fff;
	color: #fff;
}

.container.sidebar .copyright {
	color: #f0eeea;
	font-size: 11px;
	font-style: italic;
	letter-spacing: 1px;
}

.home-main .thumbnail .tattoo-info-link, .gallery-main .thumbsThumbnail .tattoo-info-link {
    background: url('../img/info-icon.png') left top no-repeat;
    height: 28px;
    width: 28px;
    bottom: 10px; right: 10px;
    border: 3px solid #f0eeea;
}

.thumbnail-slider .owl-controls .owl-nav div.owl-prev {
    background: url('../img/slider-back.png') left top no-repeat;
    height: 28px;
    top: 23px;
    width: 28px;
}

.thumbnail-slider .owl-controls .owl-nav div.owl-next {
    background: url('../img/slider-next.png') left top no-repeat;
    height: 28px;
    top: 23px;
    width: 28px;
}

.inside-main h1 {
	font-size: 36px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.mailing-list-wrapper {
	border-top: 3px solid #575551;
}

.container.sidebar .contact-block.section .inner-wrapper,
.container.sidebar .testimonial-block.section .inner-wrapper,
.container.sidebar #map-section .inner-wrapper {
	border-top: 3px solid #575551;
}

/* News */

.news-entry h2 {
	font-family: 'Lora', serif;
	font-style: italic;
}

.news-entry h2 a {
    color: #575551;
}

.news-entry h2 a:hover {
	color: #a99a33;
}

#newslist-wrapper .news-entry {
	border-top: 3px solid #575551;
}

/* Artist Profile */

.inside-main h1 a {
	color: #ffffff;
}

.inside-main h1 a:hover {
	color: #a99a33;
}

.artist-bio-photo {
	border: 3px solid #575551;
}

.inside-main .content-module h3 {text-transform: none;}

.content-module ul {font-size: 16px;}

.container.sidebar .artistprofile-main .inner-wrapper {
	border-top: 3px solid #a99a33;
	padding-top: 15px;
}

.thumbnail-nav-bar {
	font-family: 'Open Sans Condensed', sans-serif;
	letter-spacing: 2px;
}

#crumb-nav .navText {
	color: rgb(87, 85, 81);
	font-weight: 300;
}

.container.sidebar .gallery-main .dark-section a {
	color: #ffffff;
}

.container.sidebar .gallery-main .dark-section a:hover {
	color: #a99a33;
}

#crumb-nav .navText {font-size: 16px;}

#crumb-nav .nav-buttons-wrapper a {
	background: rgba(0,0,0,.7);
	color: #f0eeea;
	font-size: 14px;
	height: 24px;
	line-height: 24px;
	padding: 0 7px;
	min-width: 24px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#crumb-nav .nav-buttons-wrapper a:hover {
	background: #a99a33;
	color: #f0eeea;
}

#crumb-nav .nav-buttons-wrapper {
	border-bottom: 2px solid #575551;
}

#gallerycrumbs {
	font-style: italic;
	text-transform: none;
}

.gallery-image-nav-bar h1 {font-size: 36px; letter-spacing: 2px;}

.container.sidebar .dark-section {color: #a99a33;}

.gallery-actions {
	border-bottom: 2px solid #a99a33;
	font-family: 'Open Sans Condensed', sans-serif;
	letter-spacing: 2px;
}

.gallery-actions #nowviewing {
	font-size: 16px;
	font-weight: 300;
}

.container.sidebar .gallery-main .gallery-actions a {
	background: rgba(0,0,0,.7);
    color: #a99a33;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    padding: 0 7px;
    min-width: 24px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
}

.container.sidebar .gallery-main .gallery-actions a:hover {
	background: #a99a33;
    color: #f0eeea;
}

.placement strong,
#gallerykeywords strong,
#galleryTravelDates h3 {
	font-size: 22px;
	font-style: italic;
	font-weight: 700;
	text-transform: none;
}

.container.sidebar .gallery-main .dark-section .gallery-info-column a {
	color: #a99a33;
}

.container.sidebar .gallery-main .dark-section .gallery-info-column a:hover {
	color: #242321;
}

.container.sidebar .gallery-main .email-artist-wrapper {margin-bottom: 0; max-width:150px;}

.container.sidebar .gallery-main .dark-section .gallery-image-info-wrapper a.email-artist-button,
.container.sidebar .gallery-main .dark-section .gallery-image-info-wrapper a.large-image-link {
	background: rgba(87,85,81,0);
    border: 3px solid #575551;
    
    display: block;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: auto;
    letter-spacing: 2px;
    line-height: normal;
    padding: 2px 6px;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.container.sidebar .gallery-main .dark-section .gallery-image-info-wrapper a.email-artist-button:hover,
.container.sidebar .gallery-main .dark-section .gallery-image-info-wrapper a.large-image-link:hover {
	background: rgba(87,85,81,1);
    
}

.gallery-artist-info-wrapper {
	border-top: 2px solid #575551;
}

.gallery-artist-info-wrapper h3 {text-transform: none;}

/* INFO / MEDIA GALLERY */

.container.sidebar .contact-main .inner-wrapper {
	border-top: 3px solid #575551;
}

.container.sidebar .infoCategories-main .inner-wrapper,
.container.sidebar .showinfo-main .inner-wrapper {
	border-top: 3px solid #575551;
}

.email-thanks {font-style: italic;}

#formerrors {color: #a99a33;}

/* ==========================================================================
   
   RESPONSIVE STYLES
   
   ========================================================================== */



/* SCREEN SIZE LESS THAN 1010px WIDE */

@media all and (max-width : 1010px) {

	{}

	#artists-section .artist-thumb .button-wrapper a:first-child,
	#artists-section .artist-thumb .button-wrapper a:nth-child(2),
	#artists-section .artist-thumb .button-wrapper a:last-child {width: 83px;}

	.artist-home-row-header h3 {font-size: 20px; width: 25%;}
	
	.artist-home-row-header .button-wrapper {width: 73%;}

	.container.sidebar form#contact input.submit, .container.sidebar #mailinglistform input.submit {font-size: 20px;}

	.container.sidebar .gallery-main .email-artist-wrapper {
    	margin-bottom: 20px;
	}

}

/* SCREEN SIZE LESS THAN 840px WIDE */

@media all and (max-width : 839px) {

	{}

	.container.sidebar .site-title, .container.sidebar h1.site-title {font-size: 40px;}

	#artists-section .artist-thumb .button-wrapper a:first-child,
	#artists-section .artist-thumb .button-wrapper a:nth-child(2),
	#artists-section .artist-thumb .button-wrapper a:last-child {
		background: rgba(87,85,81,0);
		letter-spacing: 1px;
		width: 68px;	
	}
	
	#artists-section .artist-thumb .button-wrapper a:hover,
	#artists-section .artist-thumb .button-wrapper a:hover,
	#artists-section .artist-thumb .button-wrapper a:hover {
		background: rgba(87,85,81,1);
	}
	
	#artists-section .artist-thumb .button-wrapper a:nth-child(2),
	#artists-section .artist-thumb .button-wrapper a:last-child {margin-left: 3px;}

	.artist-home-row-header h3 {font-size: 22px; width: 100%;}
	
	.artist-home-row-header .button-wrapper {width: 100%;}

}

/* SCREEN SIZE LESS THAN 720px WIDE */

@media all and (max-width: 719px) {
	
	.nav-wrapper,
	.container.sidebar .nav-wrapper,
	.container.sidebar .nav-wrapper.hasScrolled {
    	background: rgba(255, 255, 255, 0.9);
    			}
	
	a.nav-toggle.button {
		border: none;
				font-size: 18px;
		font-weight: 700;
		letter-spacing: 1px;
		line-height: 29px;
		text-transform: none;
	
	}
	
	a.nav-toggle.button:hover {background-color: transparent; color: #242321;}
	
	.nav-wrapper.active ul li a, .nav-wrapper.active ul.nav li a {
		font-weight: 700;
	}
	
	.container.sidebar .dek {margin-top: 0;}
	
	.container.sidebar .contact-bar {
		margin-top: 20px;
	}
	
	.container.sidebar .gallery-main .gallery-actions a {
		min-width: 125px;
	}
	
}

/* SCREEN SIZE LESS THAN 480px WIDE */

@media all and (max-width: 479px) {

	.container.sidebar .tagline {margin-bottom: 20px;}

	.nav-toggle-wrapper {
		float: none;
		/*margin: 0 auto 15px auto;*/
		margin-bottom: 15px;
		text-align: center;
	}
	
	.container.sidebar .nav-wrapper .social-media-buttons {
		float: none;
		margin: 0 auto;
		text-align: center;
			background: url('../img/sidebar.png') left top no-repeat;
	}
	
	.container.sidebar .social-media-buttons a:first-child {
		float: left;
	}
	
	.container.sidebar .social-media-buttons a.facebook-button,
	.container.sidebar .social-media-buttons a.instagram-button,
	.container.sidebar .social-media-buttons a.twitter-button {
		float: right;
	}
	
	.nav-wrapper.active ul, .nav-wrapper.active ul.nav {
		position: relative;
		z-index: 10;
	}
	
	.container.sidebar .nav-wrapper ul li a, .container.sidebar ul.nav li a {left: 0;}

	.container.sidebar .site-title,
	.container.sidebar h1.site-title {
		font-size: 60px;
	}
	
	.container.sidebar .dek {
    	font-size: 20px;
    	margin-top: 15px;
	}

	.container.sidebar .section-header a {
		display: block;
		position: relative;
		top: auto; right: auto;
	}
	
	.artist-home-row .button-wrapper a {
		border: 3px solid #575551;
		margin-bottom: 3px;
	}
	
	#artists-section .artist-thumb .button-wrapper a:first-child,
	#artists-section .artist-thumb .button-wrapper a:nth-child(2),
	#artists-section .artist-thumb .button-wrapper a:last-child {
		padding-left: 0;
		text-transform: uppercase;
		width: 32.5%;
	}
	
	.container.sidebar .footer-nav {text-align: center;}
	
	.container.sidebar .footer .inner-wrapper {padding-top: 30px;}
	
	.container.sidebar #mailinglistform input {
		margin-right: 0;
		width: 100%;
	}
	
	.container.sidebar #mailinglistform #captcha {
		float: none;
		margin-bottom: 20px; margin-right: 0;
	}
	
	.container.sidebar #mailinglistform input.submit {width: 100%;}

	.inside-main h1 {
    	font-size: 26px;
    }
    
    .container.sidebar .contact-block.section .inner-wrapper,
    .container.sidebar .testimonial-block.section .inner-wrapper,
    .container.sidebar #map-section .inner-wrapper {
    	border-top: none;
    }
    
    .container.sidebar .contact-block.section, .container.sidebar .testimonial-block.section, .container.sidebar #map-section.section {
    	border-top: 3px solid #575551;
	}
    
    .artist-bio-header h1 {text-align: left; color: #ffffff;}
    
    .artist-bio-header .header-button-wrapper a {width: 100%; text-align: left; color: #ffffff;}

	.container.sidebar .artistprofile-main .inner-wrapper {
		border-top: none;
	}
	
	.container.sidebar .artistprofile-main {
		border-top: 3px solid #575551;
	}
	
	.inside-main .content-module h3 {float: none; width: auto;}
	
	.gallery-image-text-header h3 {width: auto;}
	
	.artist-bio-tattoos-module .gallery-image-text-header .content-module-nav,
	.artist-bio-art-module .gallery-image-text-header .content-module-nav {
    	float: none;
    	text-align: left;
    	width: 100%;
	}
	
	.artist-bio-tattoos-module .gallery-image-text-header .content-module-nav a,
	.artist-bio-art-module .gallery-image-text-header .content-module-nav a {
		display: block;
		text-align: left;
		width: 100%;
	}
	
	.bio-thumbs a {
		height: 280px;
		width: 280px;
	}
	
	.bio-thumbs .nailthumb-container {
    	height: 280px !important;
    	width: 280px !important;
	}

	.gallery-artist-info-wrapper {
    	border-top: none;
	}
	
	.container.sidebar .contact-main .inner-wrapper {
    	border-top: none;
    }
    
    .container.sidebar .contact-main {
    	border-top: 3px solid #575551;
    }
    
    .container.sidebar .infoCategories-main .inner-wrapper,
	.container.sidebar .showinfo-main .inner-wrapper {
		border-top: none;
	}
	
	.container.sidebar .infoCategories-main,
	.container.sidebar .showinfo-main {
		border-top: 3px solid #575551;
	}

}