/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #88aacd;
   	color: #fff;
    text-shadow: none;
}

::selection {
    background: #88aacd;
  	color: #fff;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #b09b93;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   
   BASIC RESPONSIVE TEMPLATE STYLES
   
   ========================================================================== */

html {
	font-size: 100%;
	height: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	width:100%;
	min-height: 100%;
	position:relative;
}

body {
	background: #000;
	color: #fff;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	height: 100%;
	position: relative;
	width: 100%;
	-webkit-animation: bugfix infinite 1s;
}

#plugindetect {visibility: hidden;}

a {
	color: #00bff3;
	text-decoration: none;
	-webkit-transition: color 450ms ease;
	-moz-transition: color 450ms ease;
	-ms-transition: color 450ms ease;
	-o-transition: color 450ms ease;
	transition: color 450ms ease;
}

a:hover {
	color: #b2eeff;
	text-decoration: none;
}

.container {
	font-size: 14px;
	margin: 0 auto 0 auto;
	min-height: 100%;
	padding-bottom: 30px;
	width: 960px;
}


/* Header */

#header {
	padding: 24px 0 0 0;
}

.contact-bar {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 30px;
	text-transform: uppercase;
}

.contact-bar.contact-wide-header {
	text-align: center;
}

.contact-bar.left-align {
	padding-left: 320px;
	text-align: left;
}

.contact-bar.left-align:after {
	content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.contact-bar.left-align a {float: right;}

.contact-bar.left-align span {float: left;}

.contact-bar a,
.contact-bar span {display: inline-block; margin-right: 30px;}

.contact-bar span.phone-link {margin-right: 0;}

.site-title,
h1.site-title {
	cursor: pointer;
	font-weight: bold;
	margin: 0 0 50px 0;
	padding: 0;
}

.site-title p,
h1.site-title p {text-align: center;}

.site-title a {
	display: block;
	overflow: hidden;
	outline: none;
}

.site-title p {margin: 0;}

.header-no-img {
	font-size: 40px;
	text-transform: uppercase;
}

.small-header-img img {
	height: auto !important;
	max-width: 300px !important;
}

.big-header-img img {
	height: auto !important;
	max-width: 960px;
}

/* Nav Bar */

#sidebar {
	float: left;
	margin-right: 20px;
	position: relative;
	width: 300px;
}

.nav-wrapper {
	border-top: 3px solid #fff;
	position: relative;
}

.nav {
	border-bottom: 3px solid #fff;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	text-transform: uppercase;
}

.nav a {
	border-bottom: 1px solid #fff;
	color: #fff;
	display: block;
	height: 55px;
	line-height: 55px; 
	overflow: hidden;
	outline: none;
}

.nav li.last-item a {border-bottom: 0;}

.nav a:hover {
	color: #00bff3;
}

.social-media-buttons {
	margin-top: 20px;
	position: relative;
	text-align: left;
}

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

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

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

.social-media-buttons a {
	background-position: left top;
	background-repeat: no-repeat;
	display: inline-block;
	height: 21px;
	margin-right: 20px;
	text-indent: -9000px;
	width: 21px;
}

.social-media-buttons a:hover {
	background-position: right top;
}

/* Accordion Nav Styles */

.btn {
	background-color: #00bff3;
	color: #000;
	display: inline-block;
	font-size: 13px;
	height: 32px;
	line-height: 32px;
	padding: 0 10px;
	text-transform: uppercase;
	-webkit-transition: background-color 350ms ease, color 350ms ease;
	-moz-transition: background-color 350ms ease, color 350ms ease;
	-ms-transition: background-color 350ms ease, color 350ms ease;
	-o-transition: background-color 350ms ease, color 350ms ease;
	transition: background-color 350ms ease, color 350ms ease;
}

.btn:hover {
	background-color: #b2eeff;
}

.toggle-btn {
	background-image: url('../img/menu-icon.png');
	background-position: left top;
	background-color: #fff;
	background-repeat: no-repeat;
	cursor: pointer;
	display: none;
	font-weight: bold;
	padding-left: 37px;
	position: absolute;
	top: -32px; right: 0px;
	z-index: 1000;
}

.toggle-btn.ui-state-active {
	background-position: left -32px;
}

.toggle-btn:hover {
	background-color: #00bff3;
}

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

.nav .nav-items {
	position: relative;
}

/* Generic Button Styles */

.button {
	background-color: #fff;
	color: #000;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	padding: 0 10px;
	text-transform: uppercase;
	-webkit-transition: background-color 350ms ease, color 350ms ease;
	-moz-transition: background-color 350ms ease, color 350ms ease;
	-ms-transition: background-color 350ms ease, color 350ms ease;
	-o-transition: background-color 350ms ease, color 350ms ease;
	transition: background-color 350ms ease, color 350ms ease;
}

.button:hover {
	color: #000;
	background-color: #00bff3;
}

/* Main Content Area */

.content-wrapper {
	border-top: 3px solid #fff;
	float: left;
	max-width: 640px;
	min-width: 640px;
	padding: 20px 0 0 0;
	position: relative;
}

.content-wrapper h2 {
	font-size: 30px;
	font-weight: bold;
	margin: 0 0 20px 0;
	text-transform: uppercase;
}

.content-wrapper p {
	margin: 0;
}

.content-wrapper p img {
	height: auto !important;
	max-width: 100% !important;
}

.view-more-link {clear: both; display: block;}

/* Homepage Thumbnails */

.home-tattoos {
	padding-bottom: 20px;
	text-align: right;
}

.home-tattoos h2 {text-align: left;}

.home-tattoos-wrapper {margin-bottom: 15px;}

.home-tattoos-wrapper:after {
	content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.nailthumb-container {
	border: 5px solid #fff;
	display: block;
	float: left;
	height: 190px !important;
	width: 190px !important;
	-webkit-transition: border-color 450ms ease;
	-moz-transition: border-color 450ms ease;
	-ms-transition: border-color 450ms ease;
	-o-transition: border-color 450ms ease;
	transition: border-color 450ms ease;
}

.nailthumb-container:hover {
	border: 5px solid #b2eeff;
}

.nailthumb-container img {display: block;}

.home-tattoos .nailthumb-container {
	margin-right: 20px;
}

.home-tattoos .nailthumb-container:nth-child(3) {margin-right: 0;}

.home-tattoos .nailthumb-container:nth-child(4) {display: none;}

.more-tattoos-link {
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
}

/* Studio Site Homepage Thumbnails & Artist List */

.artist-home-row-header {margin-bottom: 10px;}

.artist-home-row-header:after {
	content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.artist-home-row h3 {
	float: left;
	line-height: 32px;
	margin: 0;
	text-transform: uppercase;
	width: 40%;
}

.artist-home-row .button-wrapper {
	float: right;
	text-align: right;
	width: 60%;
}

.artist-home-row .button-wrapper a {margin-left: 5px;}

.artist-home-row .button-wrapper a:first-child {margin-left: 0;}

.artist-home-row .nailthumb-container {
	margin-right: 20px;
}

.artist-home-row .nailthumb-container:nth-child(3) {margin-right: 0;}

.artist-home-row {margin-bottom: 20px;}

/* News on Homepage */

.news-entry {
	border-top: 3px solid #fff;
	margin-top: 50px;
	padding-top: 50px;
}

.news-entry:first-child {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}

.news-entry .date {
	display: block;
	font-weight: bold;
}

.news-entry h3 {
	font-size: 19px;
	font-weight: bold;
	margin: 0 0 20px 0;
	text-transform: uppercase;	
}

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

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

.news-entry p {text-align: left !important;}

.home-content-wrapper p img,
.content-wrapper #newslist-wrapper p img,
.content-wrapper .news-article-wrapper p img {
	display: block;
	margin: 20px auto 20px auto;
}

.view-more-link {
	font-size: 13px;
	font-weight: bold;
	margin-top: 20px;
	text-align: right;
	text-transform: uppercase;
}

.news-entry .image-wrapper {
	margin: 0 auto 20px auto;
	text-align: center;
}

.news-entry .image-wrapper a {
	display: block;
	outline: none;
	text-align: center;
}

.news-entry .image-wrapper img {
	display: block;
	height: auto !important;
	margin: 0 auto;
	max-width: 100% !important;
}

/* News List Page */

.content-wrapper  #newslist-wrapper h2 {
	font-size: 22px;
}

#newslist-wrapper h2.news-title a {
	color: #fff;
}

#newslist-wrapper h2.news-title a:hover {
	color: #00bff3;
}

/* News Articles */

.inside-content-wrapper h1 {
	font-size: 30px;
	font-weight: bold;
	margin: 0 0 20px 0;
	text-transform: uppercase;
}

.news-article-wrapper .news-entry {margin-bottom: 50px;}

/* About Page / Artist List / Biography */

.bio-wrapper:after {
	content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.tattooArtistPic {
	float: right;
}

.tattooArtistPic a {
	border: 5px solid #fff;
	display: inline-block;
	max-height: 500px;
	outline: none;
	overflow: hidden;
	-webkit-transition: border-color 450ms ease;
	-moz-transition: border-color 450ms ease;
	-ms-transition: border-color 450ms ease;
	-o-transition: border-color 450ms ease;
	transition: border-color 450ms ease;
}

.tattooArtistPic a:hover {
	border: 5px solid #b2eeff;
}

.tattooArtistPic img {
	display: block;
	height: auto !important;
	max-width: 190px !important;
}

.bio-content {
	float: left;
	width: 420px;
}

.artist-bio-actions {
	margin-bottom: 20px;
}

.artist-bio-actions .emailartistlink {margin-right: 16px;}

.tattooArtistWrapper {
	border-top: 1px solid #fff;
	margin-top: 20px;
	padding-top: 20px;
}

.tattooArtistWrapper:first-child {border-top: none; margin-top: 0; padding-top: 0;}

h2.piercers-label {
	background: #fff;
	color: #000;
	margin-top: 25px;
	padding: 5px 10px;
}

/* Thumbnail Galleries */

#thumbnailgallery {
	position: relative;
}

#thumbnailgallery {
	background: url('../img/preloader.gif') center 150px no-repeat;
}

.no-js #thumbnailgallery {
	background: none;
}

/* .thumbnails-wrapper:after {
	content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;	
} */

.thumbnails-wrapper {
	opacity: 0;
}

.no-js .thumbnails-wrapper {
	opacity: 1;
}

.thumbnail-nav-bar {
	margin-bottom: 20px;
}

#crumb-nav {
	color: #4d4d4d;
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
}

#crumb-nav:after {
	content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

#crumb-nav .navText {
	color: #fff;
	display: block;
	font-size: 14px;
	margin-bottom: 20px;
}

#crumb-nav .nav-buttons-wrapper {
	border-bottom: 2px solid #fff;
	/* float: right; */
	font-size: 13px;
	padding-bottom: 20px;
}

#crumb-nav .nav-buttons-wrapper a {
	background-color: #fff;
	color: #000;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	margin-right: 6px;
	padding: 0 10px;
	text-transform: uppercase;
	-webkit-transition: background-color 350ms ease, color 350ms ease;
	-moz-transition: background-color 350ms ease, color 350ms ease;
	-ms-transition: background-color 350ms ease, color 350ms ease;
	-o-transition: background-color 350ms ease, color 350ms ease;
	transition: background-color 350ms ease, color 350ms ease;
}

#crumb-nav .nav-buttons-wrapper a:last-child {margin-right: 0;}

#crumb-nav .nav-buttons-wrapper a:hover {
	color: #000;
	background-color: #00bff3;
}

.guest-artist-note {
	font-size: 12px;
	font-style: italic;
	padding-top: 20px;
	text-transform: uppercase;
}

.thumbsThumbnail {
	display: inline-block;
	/* float: left; */
	height: 200px;
	margin: 0 16px 20px 0;
	width: 200px;
}

.thumbsThumbnail:nth-child(3),
.thumbsThumbnail:nth-child(6),
.thumbsThumbnail:nth-child(9),
.thumbsThumbnail:nth-child(12) {margin-right: 0;}

.thumbsThumbnail .nailthumb-container {
	display: block;
	height: 190px;
	width: 190px;
}

.thumbsThumbnail .nailthumb-container img {
	display: block;
}

/* Image Detail Page */

#gallerycrumbs {
	color: #4d4d4d;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

#bread ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

#bread ul li {display: inline;}

#bread ul a {margin-right: 6px;}

.gallery-actions {
	border-bottom: 2px solid #fff;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 20px;
	text-align: right;
	text-transform: uppercase;
}

.gallery-actions #nowviewing {
	float: left;
	line-height: 32px;
}

.gallery-actions a {
		text-align: center;
		width: 75px;
	}

.gallery-actions a,
a.back-link {
	background-color: #fff;
	color: #000;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	margin-left: 6px;
	padding: 0 10px;
	text-transform: uppercase;
	-webkit-transition: background-color 350ms ease, color 350ms ease;
	-moz-transition: background-color 350ms ease, color 350ms ease;
	-ms-transition: background-color 350ms ease, color 350ms ease;
	-o-transition: background-color 350ms ease, color 350ms ease;
	transition: background-color 350ms ease, color 350ms ease;
}

.gallery-actions a:hover,
a.back-link:hover {
	color: #000;
	background-color: #00bff3;
}

.gallery-image-wrapper {
	position: relative;
}

.gallery-image-nav-bar {
	margin-bottom: 20px;
}

.gallery-image {
	float: left;
	margin: 0 40px 34px 0;
	width: 400px;
}

.gallery-image a {
	border: 5px solid #fff;
	display: inline-block;
	-webkit-transition: border-color 450ms ease;
	-moz-transition: border-color 450ms ease;
	-ms-transition: border-color 450ms ease;
	-o-transition: border-color 450ms ease;
	transition: border-color 450ms ease;
}

.gallery-image a:hover {
	border: 5px solid #b2eeff;
}

.gallery-image img {
	display: block;
	height: auto;
	max-width: 400px !important;
}

.gallery-image a img {
	max-width: 390px !important;
}

.gallery-image-info-wrapper {
	float: left;
	width: 200px;
}

.gallery-image-info-wrapper .large-image-link,
.gallery-image-info-wrapper .detail-image-link {
	display: block;
}

.gallery-image-info-wrapper .back-link {margin: 20px 0 20px 0;}

.gallery-image-info {margin-bottom: 25px;}

.email-artist-wrapper {margin-bottom: 10px;}

.email-artist-wrapper a,
a.large-image-link {
	font-weight: bold;
	text-transform: uppercase;
}

#galleryimageInfo {margin-top: 20px;}

/* INFO PAGES */

/* .inside-content-wrapper h1 {
	font-size: 13px;
	font-weight: normal;
	margin: 0;
} */

.article-entry {
	margin-bottom: 20px;
}

.inside-content-wrapper h1.info-header {
	padding: 0;
	margin-bottom: 10px;
}

/* LINKS PAGE */

.links-wrapper {
	position: relative;
	top: -6px;
}

/* CONTACT PAGE */

fieldset { border: none;}
fieldset label { float: left; text-align: right; padding-right: 5px; font-size: 1.2em; }

fieldset#post { width: 600px; margin: 0 auto; }
fieldset#post textarea { width: 400px; height: 200px; }

form,
form#contact {
	height: auto;
	margin: 15px 0 0 0;
}

form input,
form#contact input,
form#contact textarea {
	margin: 0 0 20px 0;
}

fieldset#contact label { text-align: left;}

form label,
fieldset#contact label,
fieldset#contact label.referrer-label,
fieldset#contact label.captcha-label {
	display: block; float: none; margin: 0 0 5px 0;
}

form label .form-note,
fieldset#contact label .form-note {
	display: block;
	font-weight: normal;
	font-size: 13px;
	opacity: .7;
	text-transform: none;
}

form#contact .referrer-input,
form#contact input.captcha-entry {
	display: block;
	margin: 0 0 20px 0;
}

input {
	-webkit-appearance: none;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	display: block;
	margin-bottom: 20px;
	min-height: 20px;
	background-color: #fff;
	color: #616161;
	padding: 5px;
	border-width: 2px;
	border-style: solid;
	border-color: #fff;
	width: 450px;
	-webkit-transition: border-color 250ms linear;
	-moz-transition: border-color 250ms linear;
	-ms-transition: border-color 250ms linear;
	transition: border-color 250ms linear;
}

input.captcha-entry {
	margin-bottom: 20px;
	width: 250px;
}

input:focus  {
	border-color: #00bff3;
	background-color: #fff;
	color: #616161;
	outline: none;
} 

textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	display: block;
	width: 450px;
	height: 100px;
	background-color: #fff; color: #616161;
	border-width: 2px;
	border-style: solid;
	border-color: #fff;
	padding: 5px;
	resize:vertical;
	-webkit-transition: border-color 250ms linear;
	-moz-transition: border-color 250ms linear;
	-ms-transition: border-color 250ms linear;
	transition: border-color 250ms linear;
}

textarea:focus {
	border-color: #00bff3;
	background-color: #fff;
	outline: none;
}

textarea.referrer-input {
	height: 50px;
}

#captcha { margin:15px 0;}

#mailinglistform {
	text-align: left;
	font-size: 14px;
}

form input.button,
#contact input.submit,
#mailinglistform input.submit {
	border: none !important;
	cursor: pointer;
	display: inline-block;
    width: auto;
	text-transform: uppercase;
	background-color: #fff;
	color: #000;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	padding: 1px 10px 0 10px;
	text-transform: uppercase;
	-webkit-transition: background-color 350ms ease, color 350ms ease;
	-moz-transition: background-color 350ms ease, color 350ms ease;
	-ms-transition: background-color 350ms ease, color 350ms ease;
	-o-transition: background-color 350ms ease, color 350ms ease;
	transition: background-color 350ms ease, color 350ms ease;
}

form select {margin-bottom: 20px;}

form input.button:hover,
#contact input.submit:hover,
#mailinglistform input.submit:hover {
	border: none !important;
	color: #000;
	background-color: #00bff3;
}

form, label
#contact label {
	font-weight: bold;
	text-transform: uppercase;
}

.content-wrapper .mailing-list-intro {margin-bottom: 20px;}

legend {
	color: #bc66d9;
	font-size: 44px;
	font-weight: normal;
	letter-spacing: 1px;
}

form label {
	font-size: 15px;
	text-transform:uppercase;
}

.mailing-list-intro {margin-bottom: 20px;}

fieldset label,
form label {
	float: none;
	text-align: left;
	margin-bottom: 12px;
}

.input-wrapper {margin-bottom: 20px;}


/* Footer */

#footer {
	border-top: 5px solid #fff;
	color: #999999;
	font-size: 12px;
	margin: 50px 0 0 320px;
	padding: 20px 0 0 0;
	position: relative;
	width: 640px;
}

#footer a {color: #fff;}

#footer a:hover {color: #00bff3;}

.footer-links {
	margin-bottom: 20px;
	padding-left: 12px;
	text-align: left;
}

.footer-links a {
	display: block;
	float: left;
	height: 30px;
	margin-left: 9px;
	overflow: hidden;
	outline: none;
	text-indent: -9000px;
	width: 30px;
}

.footer-address {
	margin-bottom: 10px;
	text-transform: uppercase;
}

.footer-address span {margin-left: 5px;}

.footer-address span:first-child {margin-left: 0;}

.footer-text {line-height: normal;}


/* Video Resizing */

.video-wrapper {
	padding-bottom: 56.25%;
	padding-top: 25px;
	position: relative;
	height: 0;
}

.video-wrapper iframe {
	max-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

/* Artist Profile Pages */

.artist-bio-header:after {
	content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.artist-bio-header h1 {
	float: left;
	width: 70%;
}

.artist-bio-header .header-button-wrapper {
	float: right;
	text-align: right;
	width: 30%;
}

.artist-bio-photo {
	float: right;
	border: 5px solid #fff;
  display: inline-block;
  outline: none;
  overflow: hidden;
  height: auto !important;
  max-width: 190px !important;
  -webkit-transition: border-color 450ms ease;
  -moz-transition: border-color 450ms ease;
  -ms-transition: border-color 450ms ease;
  -o-transition: border-color 450ms ease;
  transition: border-color 450ms ease;
}

.artist-bio-info {
	  float: left;
	  width: 420px;
}

.inside-content-wrapper h3 {text-transform: uppercase;}

.gallery-image-text-header:after {
	content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.gallery-image-text-header h3 {
	float: left;
	width: 70%;
}

.gallery-image-text-header .content-module-nav {
	float: right;
	text-align: right;
	width: 30%;
}

.bio-thumbs:after {
	content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.bio-thumbs a {
	float: left;
	display: block;
	height: 200px;
	overflow: hidden;
	margin-right: 20px;
	width: 200px;
}

.bio-thumbs a:nth-child(3) {margin-right: 0;}

.bio-thumbs a:nth-child(4) {display: none;}

.bio-thumbs a .nailthumb-container {float: none;}

.bio-thumbs .keyword-title {display: none;}

.artist-bio-tattoos-module {margin-bottom: 20px;}

.content-wrapper h2.piercers-label {
	border-top: 3px solid #fff;
	margin-top: 20px;
	padding-top: 20px;
}

.piercerWrapper {
	border-bottom: 1px solid #fff;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.piercerWrapper:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.artist-bio-module {margin-bottom: 20px;}

.info-wrapper p {margin-bottom: 20px;}

/* Links Page */

.links-wrapper .content-header {margin-bottom: 30px;}

.links-wrapper h2 {
	font-size: 22px;
}

#linktousbanner {margin-bottom: 30px;}

.links-wrapper .banner-row {margin-bottom: 30px;}

.links-wrapper .banner-row .link-name {font-size: 16px; font-weight: 700; text-transform: uppercase;}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

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

/* SCREEN SIZE LESS THAN 1132px WIDE */

@media all and (max-width : 1131px) {
	
	#thumbnailgallery {
		max-width: 680px;
	}
	
}

/* SCREEN SIZE LESS THAN 1000px WIDE */

@media all and (max-width : 1000px) {
	
	.container {
		width: 740px;
	}
	
	.contact-bar.left-align span {
		display: block;
		margin-bottom: 5px;
		margin-left: 0; margin-right: 0;
	}
	
	.contact-bar.left-align {text-align: right;}
	
	.contact-bar.left-align a {
		float: none;
		margin-left: 15px; margin-right: 0;
	}
	
	.big-header-img img {
		height: auto !important;
		max-width: 740px;
	}
	
	.content-wrapper {
		max-width: 420px;
		min-width: 420px;		
	}
	
	.home-tattoos-wrapper {margin-bottom: 0;}
	
	.home-tattoos .nailthumb-container {margin-bottom: 20px;}
	
	.home-tattoos .nailthumb-container:last-child {
		display: block;
	}
	
	.home-tattoos .nailthumb-container:nth-child(2),
	.home-tattoos .nailthumb-container:nth-child(4) {margin-right: 0px;}
	
	.home-tattoos .nailthumb-container:nth-child(3) {margin-right: 20px;}
	
	#footer {width: 420px;}
	
	.tattooArtistPic {
		float: none;
		margin-bottom: 20px;
	}
	
	.tattooArtistPic img {
		max-width: 410px !important;
	}
	
	.bio-content {
		float: none;
		width: auto;
	}
	
	.thumbsThumbnail:nth-child(2),
	.thumbsThumbnail:nth-child(4),
	.thumbsThumbnail:nth-child(8),
	.thumbsThumbnail:nth-child(10) {margin-right: 0;}
	
	.thumbsThumbnail:nth-child(3),
	.thumbsThumbnail:nth-child(9) {margin-right: 16px;}
	
	.gallery-image {
		float: none;
		margin: 0 0 34px 0;
		width: 420px;
	}

	.gallery-image a {
		border: 5px solid #fff;
		display: inline-block;
		-webkit-transition: border-color 450ms ease;
		-moz-transition: border-color 450ms ease;
		-ms-transition: border-color 450ms ease;
		-o-transition: border-color 450ms ease;
		transition: border-color 450ms ease;
	}

	.gallery-image a:hover {
		border: 5px solid #b2eeff;	
	}

	.gallery-image img {
		display: block;
		height: auto;
		max-width: 420px !important;
	}

	.gallery-image a img {
		max-width: 410px !important;
	}

	.gallery-image-info-wrapper {
		float: none;
		width: 420px;
	}
	
	.gallery-image-buttons:after {
		content: "."; 
   	visibility: hidden; 
   	display: block; 
   	height: 0; 
   	clear: both;
	}
	
	.gallery-image-buttons .email-artist-wrapper {float: left;}
	
	.gallery-image-buttons .large-image-link {float: right;}
	
	input {
		width: 410px;	
	}
	
	textarea {
		width: 410px;
	}
	
	/* Studio Site Homepage Thumbnails & Artist List */
	
	
	
	.artist-home-row h3 {
		float: none;
		line-height: normal;
		margin: 0 0 5px 0;
		width: 100%;
	}

	.artist-home-row .button-wrapper {
		float: none;
		text-align: left;
		width: 100%;
	}

	.artist-home-row .nailthumb-container:nth-child(2) {
		margin-right: 0
	}
	
	.artist-home-row .nailthumb-container:nth-child(3) {display: none;}

	.artist-bio-header h1 {
		float: none;
		margin: 0 0 5px 0;
		width: 100%;
	}

	.artist-bio-header .header-button-wrapper {
		float: none;
		margin-bottom: 20px;
		text-align: left;
		width: 100%;
	}

	.artist-bio-photo {
		float: none;
		max-width: 100% !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.gallery-image-text-header h3 {width: 40%;}
	
	.gallery-image-text-header .content-module-nav {width: 60%;}
	
	.bio-thumbs a {
		margin-bottom: 20px;
	}
	
	.bio-thumbs a:nth-child(2) {margin-right: 0;}
	
	.bio-thumbs a:nth-child(3) {margin-right: 20px;}
	
	.bio-thumbs a:nth-child(4) {
		display: block;
		margin-right: 0;
	}
	
	.artist-bio-info {
		float: none;
		width: auto;
	}
	
}

/* SCREEN SIZE LESS THAN 963px WIDE */

@media all and (max-width : 962px) {
	
	#thumbnailgallery {
		max-width: 510px;
	}
	
}

/* SCREEN SIZE LESS THAN 913px WIDE */

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

	.gallery-image {
		float: none;
		margin-right: 0;
	}

}

/* SCREEN SIZE LESS THAN 792px WIDE */

@media all and (max-width : 791px) {
	
	.thumbnail-nav-bar {height: auto;}
	
	.thumbnail-nav-bar #crumb-nav {float: none;}
		
}

/* SCREEN SIZE LESS THAN 780px WIDE */

@media all and (max-width : 780px) {
	
	.container {
		width: 520px;
	}
	
	.contact-bar {font-size: 12px;}
	
	.contact-bar.left-align span {
		display: inline;
		margin-right: 30px;
	}
	
	.contact-bar.left-align {
		border-bottom: 3px solid #fff;
		padding-left: 0; padding-bottom: 20px;
		text-align: center;
	}
	
	.big-header-img img {
		height: auto !important;
		max-width: 520px;
	}
	
	.content-wrapper {
		border-top: none;
		padding-top: 0;
		max-width: 200px;
		min-width: 200px;		
	}
	
	.content-wrapper h2 {
		font-size: 22px;
	}
	
	.inside-content-wrapper h1 {
		font-size: 22px;
	}
	
	.home-tattoos {text-align: left;}
	
	.more-tattoos-link {text-align: left;}
	
	.view-more-link {text-align: left;}
	
	.home-news {
		border-top: 3px solid #fff;
		padding-top: 20px;
	}
	
	.news-entry h3 {
		font-size: 16px;
	}
	
	.news-entry .date {
		font-size: 13px;
	}
	
	#footer {
		font-size: 11px;
		width: 200px;
	}
	
	.tattooArtistPic img {max-width: 190px !important;}
	
	.artist-bio-actions a.button {
		display: block;
		width: 180px;
	}
	
	.artist-bio-actions a.emailartistlink {margin-bottom: 20px;}
	
	.thumbsThumbnail {margin-right: 0;}
	
	.thumbsThumbnail:nth-child(3),
	.thumbsThumbnail:nth-child(9) {margin-right: 0px;}
	
	#crumb-nav {font-size: 18px;}
	
	#crumb-nav .navText {font-size: 13px;}
	
	#crumb-nav .nav-buttons-wrapper {float: none; font-size: 13px;}
	
	#crumb-nav .nav-buttons-wrapper a {display: none;}
	
	#crumb-nav .nav-buttons-wrapper a.previous-link,
	#crumb-nav .nav-buttons-wrapper a.next-link {display: inline-block; text-align: center; width: 75px;}
	
	#bread ul ul ul {
		display: none;
	}
	
	#gallery-image-wrapper h1 {
		margin-bottom: 0;
	}
	
	.gallery-actions {
		text-align: left;
	}
	
	.gallery-actions #nowviewing {
		display: block;
		margin-bottom: 20px;
	}
	
	.gallery-image {
		float: none;
		margin: 0 0 34px 0;
		width: 200px;
	}

	.gallery-image a {
		border: 5px solid #fff;
		display: inline-block;
		-webkit-transition: border-color 450ms ease;
		-moz-transition: border-color 450ms ease;
		-ms-transition: border-color 450ms ease;
		-o-transition: border-color 450ms ease;
		transition: border-color 450ms ease;
	}

	.gallery-image a:hover {
		border: 5px solid #b2eeff;	
	}

	.gallery-image img {
		display: block;
		height: auto;
		max-width: 200px !important;
	}

	.gallery-image a img {
		max-width: 190px !important;
	}

	.gallery-image-info-wrapper {
		float: none;
		width: 200px;
	}
	
	.gallery-image-buttons:after {
		content: "."; 
   	visibility: hidden; 
   	display: block; 
   	height: 0; 
   	clear: both;
	}
	
	.gallery-image-buttons .email-artist-wrapper {float: none;}
	
	.gallery-image-buttons .large-image-link {float: none;}
	
	#previouslink {margin-left: 0;}
	
	input {
		width: 190px;	
	}
	
	textarea {
		width: 190px;
	}
	
	input.captcha-entry {width: 190px;}
	
	.artist-home-row .button-wrapper a {
		width: 200px;
		margin: 0 0 5px 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.artist-home-row .nailthumb-container {
		margin: 0 0 20px 0;
	}
	
	.artist-home-row .nailthumb-container:nth-child(2) {margin: 0;}
	
	.gallery-image-text-header h3 {width: 100%; float: none;}
	
	.gallery-image-text-header .content-module-nav {width: 100%; float: none; text-align: left; margin-bottom: 10px;}
	
	.gallery-image-text-header .content-module-nav a {width: 200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	
	.bio-thumbs a {margin-right: 0;}
	
}

/* SCREEN SIZE LESS THAN 769px */

@media all and (max-width : 768px) {
	
	.forum-intro-wrapper {display: none;}

}

/* SCREEN SIZE GREATER THAN 560px WIDE */

@media all and (min-width : 560px) {
	
	
	
}

/* SCREEN SIZE LESS THAN 560px */

@media all and (max-width : 560px) {
	
	#header {margin-bottom: 35px;}
	
	.site-title a {
		/* background: url('http://zhippo.com/adminsql/htmltemplates/sleeksidebar/img/nick_baxter_small_header.png') left top no-repeat; */
		height: auto;
		margin: 0 auto;
		max-width: 440px;
		text-align: center;
	}
	
	.big-header-img img {
		height: auto !important;
		max-width: 440px;
	}
	
	.contact-bar.contact-wide-header {text-align: left;}
	
	.container {
		margin: 0 auto;
		min-width: 200px;
		max-width: 440px;
		/* padding: 0 20px 30px 20px; */
		padding: 0 0 30px 0;
		overflow: hidden;
	}
	
	#sidebar {
		float: none;
	}
	
	#sidebar {margin-right: 0; width: auto;}
	
	.toggle-btn {display: block;}
		
	.nav-wrapper {margin-bottom: 55px;}
	
	.nav {text-align: left;}
	
	.nav a {
		/* border-bottom: 0;
		display: inline-block;
		margin: 0 10px 0 10px; */
	}
	
	.social-media-buttons {
		text-align: center;
	}
	
	.social-media-buttons a:last-child {margin-right: 0;}
	
	.content-wrapper {
		border-top: 0;
		padding: 0;
		max-width: 440px;
		min-width: 440px;
	}
	
	#footer {
		margin: 50px 0 0 0;
		width: 440px;
	}
	
	.footer-links {
		margin: 0 auto 20px auto;
		padding-left: 0;
		width: 108px;
	}
	
	.footer-text {
		text-align: left;
	}
	
	#thumbnailgallery {
		margin: 0 auto;
		top: -20px;
	}
	
	.thumbnail-nav-bar {
		text-align: center;
	}
	
	#crumb-nav .nav-buttons-wrapper a {display: inline-block;}
	
	.thumbsThumbnail {
		float: left;
		margin-right: 16px;
	}
	
	.thumbsThumbnail:nth-child(3),
	.thumbsThumbnail:nth-child(9) {
		margin-right: 16px;
	}
	
	.thumbsThumbnail:nth-child(2),
	.thumbsThumbnail:nth-child(4),
	.thumbsThumbnail:nth-child(6),
	.thumbsThumbnail:nth-child(8),
	.thumbsThumbnail:nth-child(10),
	.thumbsThumbnail:nth-child(12) {margin-right: 0;}
	
	.gallery-image-wrapper {
		top: 0px;
	}
	
	.gallery-image-nav-bar {
		margin-bottom: 34px;
		width: auto;
	}
	
	.gallery-image {
		margin: 0 auto 34px auto;
	}
	
	.gallery-image img {
		height: auto;
		max-width: 360px !important;
	}
	
	.gallery-image {
		text-align: center;
		width: 360px;
	}
	
	.gallery-image-info-wrapper {width: auto;}
	
	.image-navigation {text-align: right;}
	
	.thumbnail-nav-bar .helper-link p {text-align: center !important;}
	
	#thumbnailgallery {
		background: url('../img/preloader.gif') center 75px no-repeat;
	}
	
	.tattooArtistPic img {
		max-width: 430px !important;
	}
	
	.artist-bio-actions a.button {
		display: inline-block;
		width: auto;
	}
	
	.artist-bio-actions a.emailartistlink {margin-bottom: 0;}
	
	#crumb-nav {font-size: 22px;}
	
	#crumb-nav .navText {font-size: 14px;}
	
	#crumb-nav .nav-buttons-wrapper {float: none; font-size: 13px;}

	#gallery-image-wrapper h1 {
		margin-bottom: 10px;
	}	
	
	.gallery-actions {text-align: right;}
	
	.gallery-actions #nowviewing {float: left;}
	
	#bread ul ul ul {
		display: inline;
	}
	
	#gallery-image-wrapper {
		position: relative;
		top: -20px;
	}
	
	.back-link-wrapper {text-align: center;}
	
	.gallery-image {
		float: none;
		margin: 0 0 34px 0;
		width: 440px;
	}

	.gallery-image img {
		display: block;
		height: auto;
		max-width: 440px !important;
	}

	.gallery-image a img {
		max-width: 430px !important;
	}

	.gallery-image-info-wrapper {
		float: none;
		width: 440px;
	}
	
	.gallery-image-buttons .email-artist-wrapper {float: left;}
	
	.gallery-image-buttons .large-image-link {float: right;}
	
	input {
		width: 290px;	
	}
	
	textarea {
		width: 290px;
	}
	
	input.captcha-entry {width: 190px;}
	
	.small-header-img img {
		max-width: 440px !important;
	}
	
	.artist-home-row .button-wrapper a {
		width: auto;
		margin: 0 0 0 5px;
	}
	
	.artist-home-row .button-wrapper a:first-child {margin-left: 0;}
	
	.artist-home-row .nailthumb-container {
		margin: 0 20px 0px 0;
	}
	
	.artist-home-row .nailthumb-container:nth-child(2) {margin: 0;}
	
	.gallery-image-text-header h3 {width: 50%; float: left;}
	
	.gallery-image-text-header .content-module-nav {width: 50%; float: right; text-align: right;}
	
	.gallery-image-text-header .content-module-nav a {text-align: center; width: auto;}
	
	.artist-bio-header h1 {
		width: 50%; float: left;
	}
	
	.artist-bio-header .header-button-wrapper {
		width: 50%; float: right; text-align: right;
	}
	
	.artist-bio-photo {
		display: block;
		margin: 0 auto;
	}
	
	.bio-thumbs a {margin-right: 20px;}
	
	.bio-thumbs a:nth-child(2),
	.bio-thumbs a:nth-child(4) {margin-right: 0;}
	
}

/* SCREEN SIZE LESS THAN 480px */

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

	.container {
		max-width: 280px;
	}
	
	.contact-bar.left-align {text-align: left;}
	
	.contact-bar span:first-child {display: block;}
	
	.contact-bar.contact-wide-header span {
		display: block;
		margin-bottom: 5px;
		margin-left: 0; margin-right: 0;
	}
	
	.contact-bar.contact-wide-header a {margin-left: 0;}
	
	.site-title p img,
	h1.site-title p img {
		height: auto !important;
		max-width: 280px !important;
	}
	
	.toggle-btn {
		right: auto;
		left: 50%;
		margin-left: -50px;
		width: 53px;
	}
	
	.content-wrapper {
		max-width: 280px;
		min-width: 280px;
	}
	
	.content-wrapper h2 {
		font-size: 28px;
	}
	
	.inside-content-wrapper h1 {
		font-size: 28px;
	}
	
	.nailthumb-container {
		height: 270px !important;
		width: 270px !important;	
	}
	
	.home-tattoos .nailthumb-container {margin-right: 0;}

	.news-entry h3 {
		font-size: 17px;
	}

	#footer {
		max-width: 280px;
		width: auto;
	}
	
	.tattooArtistPic img {
		max-width: 270px !important;
	}
	
	.artist-bio-actions a.button {
		display: block;
		width: 260px;
	}
	
	.artist-bio-actions a.emailartistlink {margin-bottom: 20px;}

	.thumbsThumbnail  {
		height: 280px;
		width: 280px;
	}
	
	.gallery-actions {text-align: left;}
	
	.gallery-actions #nowviewing {
		float: none;
	}
	
	.gallery-actions a {width: 115px;}
	
	#crumb-nav .nav-buttons-wrapper a {display: none;}
	
	#crumb-nav .nav-buttons-wrapper a.previous-link,
	#crumb-nav .nav-buttons-wrapper a.next-link {display: inline-block; width: 115px;}
	
	#bread ul ul ul {
		display: none;
	}
	
	.back-link-wrapper {text-align: center;}
	
	.gallery-image {
		width: 280px;
	}

	.gallery-image img {
		display: block;
		height: auto;
		max-width: 280px !important;
	}

	.gallery-image a img {
		max-width: 270px !important;
	}

	.gallery-image-info-wrapper {
		float: none;
		width: 280px;
	}
	
	.gallery-image-buttons .email-artist-wrapper {float: none;}
	
	.gallery-image-buttons .large-image-link {float: none;}
	
	input {
		width: 270px;	
	}
	
	textarea {
		width: 270px;
	}
	
	input.captcha-entry {width: 270px;}
	
	.artist-home-row .button-wrapper a {
		width: 100%;
		margin: 0 0 5px 0px;
	}
	
	.artist-home-row .button-wrapper a:last-child {margin-bottom: 0;}
	
	.artist-home-row .nailthumb-container {
		margin: 0 0px 20px 0;
	}
	
	.artist-home-row .nailthumb-container:nth-child(2) {margin: 0;}

	.bio-thumbs a {
		height: 280px;
		margin: 0 0 20px 0;
		width: 280px;
	}
	
	.bio-thumbs a:nth-child(4) {display: none;}
	
	.gallery-image-text-header h3 {
		width: 100%; float: none;
		margin: 20px 0 10px 0;
	}
	
	.gallery-image-text-header .content-module-nav {
		width: 100%; float: none; text-align: left;
	}
	
	.gallery-image-text-header .content-module-nav a {width: 100%; text-align: left;}

	.artist-bio-header h1 {
  		width: 100%;
  		float: none;
	}
	
	.artist-bio-header .header-button-wrapper {
		width: 100%; float: none; text-align: left;
	}
	
	.artist-bio-header .header-button-wrapper a {
		width: 100%; text-align: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.contact-bar.left-align span,
   	 .contact-bar span:first-child {display: block; width: 100%;}
    
    .contact-bar.left-align a {
    	display: block;
    	float: none;
    	margin: 0;
    }

}

/* SCREEN SIZE LESS THAN 410px */

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

	
	
}

/* SCREEN SIZE LESS THAN 321px */

@media all and (max-width : 320px) {
	
	.thumbsThumbnail {
		display: block;
		margin: 0 auto 14px auto;
	}
	
	.gallery-image {width: 280px;}
	
	.gallery-image img {
		max-width: 280px !important;
	}
	
	.gallery-image-nav-bar {height: auto;}
	
	.gallery-image-nav-bar #crumb-nav {
		float: none;
		margin: 0 auto;
		text-align: center;
		width: auto;
	}
		
	.gallery-image-nav-bar .image-navigation {float: none; margin: 20px 0; text-align: center;}
	

}


/* Android Fix */
@-webkit-keyframes bugfix { 
  from {padding:0;} 
  to {padding:0;} 
}


/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
   	
}