/* XHTML & CSS coded by Nate Siggard - aFEINTdesign.com - December 29, 2009 */

/* 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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Mike DeVries Custom Classes 0099cc */
body {
	background-color:#000;
	color:#e2e2e2;
	font-family:Arial, 'Lucida Grande', sans-serif;
	font-size:.9em;
	min-width:1028px;
}
a {
	color:#979797;
}
#top {
	background:url(images/top-back.jpg) repeat-x center top;
}
#header {
	height:162px;
	margin:auto;
	width:1082px;
	background:url(images/header-tm.jpg) no-repeat center top;
}
#header h1 {
	width:650px;
	height:110px;
	padding-right:50px;
	margin:auto;
}
#header h1 a {
	display:block;
	height:100px;
	width:600px;
}
#header ul {
margin-left:60px;
}	
#header ul li {
	float:left;
	margin:0 1px 0 1px;
}
#nav-bio a {
	background:url(images/nav-bio.gif) top center no-repeat;
	height:30px;
	width:50px;
	display:block;
}
#nav-galleries a {
	background:url(images/nav-galleries.gif) top center no-repeat;
	height:30px;
	width:124px;
	display:block;
}
#nav-news a {
	background:url(images/nav-news.gif) top center no-repeat;
	height:30px;
	width:77px;
	display:block;
}
#nav-press a {
	background:url(images/nav-press.gif) top center no-repeat;
	height:30px;
	width:79px;
	display:block;
	margin-right:170px;
}
#nav-store a {
	background:url(images/nav-store.gif) top center no-repeat;
	height:30px;
	width:77px;
	display:block;
}
#nav-forum a {
	background:url(images/nav-forum.gif) top center no-repeat;
	height:30px;
	width:96px;
	display:block;
}
#nav-blog a {
	background:url(images/nav-blog.gif) top center no-repeat;
	height:30px;
	width:76px;
	display:block;
}
#nav-links a {
	background:url(images/nav-links.gif) top center no-repeat;
	height:30px;
	width:78px;
	display:block;	
}
#nav-contact a {
	background:url(images/nav-contact.gif) top center no-repeat;
	height:30px;
	width:120px;
	display:block;	
}
#header ul li a:hover  {
	background-position:0 -30px;
}

#container {
	background:url(images/container-back.jpg) repeat-y center top #000;
	min-width:1082px;
}
#content {
	clear:both;	
	width:1082px;
	min-width:1082px;
	margin:auto;
	background:url(images/content-back.jpg) top right no-repeat;
	padding-top:10px;
}


#content h1,strong { 
font-size: 140%;
font-style: bold;

	}
	


#col-1 {
	float:left;
	width:175px;
	margin-left:35px;
	padding-top:7px;
}
#col-1 > li {
	background:url(images/col1-sub-top.gif) top center no-repeat;
	margin-bottom:6px;
}
#col-1 > li div {
	background:url(images/col1-sub-bottom.gif) bottom center no-repeat;
	padding:10px;
	padding-top:4px;
	text-align:center;
}
#col-1 > li h3 {
	/*font-family:Georgia, Times;
	text-align:center;
	font-size:1.3em;
	border-bottom:1px solid #666;
	padding:0 15px 5px 15px;
	background:url(images/col1-h3-back.png) no-repeat top center;
	text-shadow:2px 2px 2px #000;*/
	display:block;
	height:25px;
	margin-bottom:5px;
	width:170px;
	margin:0 -7px 10px; -7px;
}
#col-3 {
	float:right;
	width:286px;
	margin-right:35px;
	padding-top:7px;
}
#col-3 > li {
	background:url(images/col3-sub-top.gif) top center no-repeat;
	margin-bottom:20px;
}
#col-3 > li > div {
	background:url(images/col3-sub-bottom.gif) bottom center no-repeat;
	padding:10px;
	padding-top:3px;
}
#col-3 > li > div > h3 {
	/*font-family:Georgia, Times;
	font-size:1.3em;
	border-bottom:1px solid #666;
	padding:0 15px 5px 15px;
	margin:0 -8px 10px; -8px;
	background:url(images/col3-h3-back.png) no-repeat top center;	text-shadow:2px 2px 2px #000;*/
	display:block;
	height:25px;
	margin-bottom:5px;
	width:280px;
	margin:0 -7px 10px; -7px;
}
#newsletter {
	font-size:.7em;
}
#newsletter p {
	margin-bottom:10px;
	margin-top:10px;
}
#newsletter form {
	height:20px;
	line-height:20px;
	background-color:#fff;
}
#newsletter input {
	float:left;
	border:none;
	height:18px;
	line-height:18px;
	padding:1px;
	width:100px;
		background-color:#fff;
		color: #000;
}
#newsletter img {
	margin-top:1px;
	margin-left:2px;
	margin-right:1px;
	float:right;
}
#follow ul {
	margin-left:0px;
}
#follow ul li {
	float:left;
}
#follow div h3 {
	background:url(images/h3-followmikeon.gif) center center no-repeat;
	margin-bottom:3px;
}
#follow-myspace a {
	display:block;
	height:36px;
	width:36px;
	margin-right:3px;
	background:url(images/follow-facebook.gif) no-repeat center center;
}
#follow-facebook a {
	display:block;
	height:36px;
	width:36px;
	margin-right:3px;
	background:url(images/youtube-icon.png) no-repeat center center;
}
#follow-twitter a {
	display:block;
	height:36px;
	width:36px;
	margin-right:3px;
	background:url(images/follow-twitter.gif) no-repeat center center;
}
#follow-instagram a {
	display:block;
	height:36px;
	width:36px;
	/*
	margin-right:8px;
	*/
	background:url(images/Instagram-logo-36.jpg) no-repeat center center;
}
#specials div h3 {
	background:url(images/h3-storespecials.gif) center center no-repeat;
	border-bottom:1px solid #666;
}

#featured-prod {display: none;}

#featured-prod div h3 {
	background:url(images/h3-featuredproduct.gif) center center no-repeat;
	border-bottom:1px solid #666;
}
#on-the-road div h3{
	background:url(images/h3-ontheroad.gif) center center no-repeat;
	height:40px;
	border-bottom:1px solid #666;
}

#on-the-road div a {
	display: block;
	background: url(images/on-the-road.jpg) center center no-repeat;
	height: 163px;
	margin: 0 auto;
	text-indent: -9000px;
	width: 131px;
}

#faq-banner div h3{
	background:url(images/h3-faq.gif) center center no-repeat;
	border-bottom:1px solid #666;
}	

#faq-banner div a {
	display: block;
	background: url(images/faq-banner.jpg) center center no-repeat;
	height: 162px;
	margin: 0 auto;
	text-indent: -9000px;
	width: 147px;
}

#recent-tattoos div ul {
	margin-left:10px;
}
#recent-tattoos div ul li {
	border:1px solid #666;
	width:75px;
	height:75px;
	float:left;
	margin:0 5px 5px 0;
}
#recent-tattoos div h3 {
	background:url(images/h3-recenttattoos.png) left center no-repeat;
	border-bottom:1px solid #666;
}
#recent-news > h4 {
	font-weight:bold;
	letter-spacing:1px;
}
#recent-news > div ul {
	margin-left:6px;
	margin-right:6px;
}
#recent-news > div > h3 {
	background:url(images/recent-tweets.png) left center no-repeat;
	border-bottom:1px solid #666;
}
#featured-video div h3 {
	background:url(images/h3-featuredvideo.png) left center no-repeat;
	border-bottom:1px solid #666;
}
.recent-news-copy {
	font-size:.9em;
	margin-bottom:10px;
	letter-spacing:1px;
	line-height:1.5em;
}
.home-news-meta {
	font-size:.8em;
	font-style:italic;
	margin-bottom:5px;
	margin-left:1em;
	color:#e2e2e2;
}
.home-more-link a {
	line-height:30px;
	font-size:.9em;
	padding:5px;
	color:#ccc;
}
#col-2 {
	margin:0 335px 20px 222px;
}
#hero {
	width:527px;
	height:292px;
	margin-bottom:10px;
	padding-top:10px;
	background:url(images/hero-back.gif) no-repeat top center;
}
.main {
	background-color:#000;
	border:1px solid #444;
	width:526px;
}

.content {
		padding:10px 20px 20px 20px;
		
}

#footer {
	clear:both;
	background:url(images/footer-back.png) bottom center no-repeat ;
}


#footer div {
	background:url(images/network-hr.png) top center no-repeat;
	padding:40px 40px 80px 40px;
	margin:auto;
	width:1002px;
}
#network-links {
	height:107px;
	margin-bottom:15px;
}

#network-links li {
	width:235px;
	height:107px;
	float:left;
	background:url(images/network-back.jpg) no-repeat;
	margin-right:20px;
	margin-left: 24px;
}

#network-links li#network-mp {
	width:395px;
	height:107px;
	float:left;
	background:url(images/network-back-long.jpg) no-repeat;
	margin-right:20px;
}

#network-md a {
	display:block;
	width:235px;
	height:107px;
	background:url(images/network-md-tm.jpg) no-repeat center center;
}
#network-ra a {
	display:block;
	width:235px;
	height:107px;
	background:url(images/network-ra.jpg) no-repeat center center;
}
#network-mp a {
	display:block;
	width:395px;
	height:107px;
	background:url(images/network-mp-tm.jpg) no-repeat center center;
}
#network-ss a {
	display:block;
	width:235px;
	height:107px;
	background:url(images/network-ts-tm.jpg) no-repeat center center;
}
li#network-ss {
	margin-right:0px;
}
#nav-bottom {
	border-bottom:1px solid #666;
	height:2em;
	margin-top:5px;
	margin-bottom:15px;
	clear:both;
	line-height:2em;
}
#nav-bottom li {
	float:left;
	text-align:center;
	width:90px;
}
#nav-bottom li a {
	text-decoration:none;
	color:#e2e2e2;
	font-weight:normal;
}
.clearboth {
	height:0px;
	border:none;
	line-height:0px;
	clear:both;
}
#address {
	width:50%;
	float:left;
	font-size:.9em;
}
#copyright {
	width:50%;
	margin-left:50%;
	text-align:right;
	font-size:.9em;
}
.hr-fancy {
	height:17px;
	background:url(images/hr-back.jpg) repeat-x center center;
	border:none;
	clear:both;
	width:1038px;
}
.network-hr {
/*
	display:block;
	height:64px;
	background:url(images/network-hr.png) repeat-x center left;
	border:none;
	clear:both;
	width:1082px;
	margin:auto;
*/
height:0px;
}
.home-more-link {
	clear:both;
	text-align:right;
}
#recent-tattoos div h3 {
	margin-bottom:20px;
}
#recent-tattoos div p {
	margin-bottom:10px;
} 
#recent-news > div {
	height:445px;
}
#featured-video div {
	height:300px;
}

.subscribe {
	text-align:right;
	padding-right:25px;
	background:url(images/subscribe.png) right center no-repeat;
	height:23px;
	line-height:23px;
	font-size:.9em;
}
.subscribe a {
	text-decoration:none;
	color:#e2e2e2;
}
.subscribe a:hover {
	border-bottom:1px dotted #e2e2e2;
	color:#0099cc;
}

#gallery-thumbs li {
	width:200px;
	height:180px;
	background:url(images/gallery-thumb-back.jpg) bottom center no-repeat;
	float:left;
	margin-left:20px;
	margin-bottom:20px;
}

#gallery-thumbs li a {
	display:block;
	width:200px;
	height:180px;
}

#gallery-thumbs li a img {
	margin-top:63px;
	margin-left:60px;
	border:2px solid #666;
}

#gallery-animals {
	background:url(images/gallery-animals.jpg) top center no-repeat;
}
#gallery-portraits {
	background:url(images/gallery-portraits.jpg) top center no-repeat;
}
#gallery-hollywood {
	background:url(images/gallery-hollywood.jpg) top center no-repeat;
}
#gallery-miscink {
	background:url(images/gallery-miscink.jpg) top center no-repeat;
}
#gallery-bandg {
	background:url(images/gallery-bandg.jpg) top center no-repeat;
}
#gallery-canvas {
	background:url(images/gallery-canvas.jpg) top center no-repeat;
}
/* Text to hide */

#header h1 a span, #header ul li a span, #follow ul li a span, #network-links li a span, #col-1 > li h3 span, #col-3 > li h3 span, .main h2 span, #gallery-thumbs li a span  {
	position:absolute;
	left:-5000px;
}

/* Slideshow at beginning */
#photo-holder {
	background-color:#111;
	border:1px solid #000;
	margin:5px 10px 10px 12px;
}
div.slide a {
	display:block;
	width:499px;
	height:269px;
}
div.slide a span {
	position:absolute;
	left:-5000px;
}
#photo-holder, #photo1, #photo2, #photo3, #photo4, #photo5, #photo6 {
	width:499px;
	height:269px;
}
#photo1 {
	background:url(images/hero-1.jpg) top left no-repeat;
}
#photo2 {
	background:url(images/hero-2.jpg) top left no-repeat;
}
#photo3 {
	background:url(images/hero-3.jpg) top left no-repeat;
}
#photo4 {
	background:url(images/hero-4.jpg) top left no-repeat;
}
#photo5 {
	background:url(images/store_rotation_coloringbook.jpg) top left no-repeat;
}
#photo6 {
	background:url(images/store_rotation_new.jpg) top left no-repeat;
}
#photo7 {
	background:url(images/animalink_store_rotation.jpg) top left no-repeat;
}

/* Page headers */

.main h2 {
	width:526px;
	height:80px;
}

#biography {
	background:url(images/page-biography.jpg) top center no-repeat;	
}

#galleries {
	background:url(images/page-galleries.jpg) top center no-repeat;
}

#news {
	background:url(images/page-news.jpg) top center no-repeat;
}

#press {
	background:url(images/page-press.jpg) top center no-repeat;
}

#store {
	background:url(images/page-store.jpg) top center no-repeat;
}

#forum {
	background:url(images/page-forum.jpg) top center no-repeat;
}

#blog {
	background:url(images/page-blog.jpg) top center no-repeat;
}

#links {
	background:url(images/page-links.jpg) top center no-repeat;
}

#contact {
	background:url(images/page-contact.jpg) top center no-repeat;
}

#faq {
	background:url(images/page-faq.jpg) top center no-repeat;
}

#portraits {
	background:url(images/page-portraits.jpg) top center no-repeat;
}

#video {
	background:url(images/page-videos.jpg) top center no-repeat;
}

#ontheroad {
	background:url(images/page-ontheroad.jpg) top center no-repeat;
}

#animals {
	background:url(images/page-animals.jpg) top center no-repeat;
}

#hollywood {
	background:url(images/page-hollywood.jpg) top center no-repeat;
}

#blackandgrey{
	background:url(images/page-bandg.jpg) top center no-repeat;
}

#canvas {
	background:url(images/page-canvas.jpg) top center no-repeat;
}

#forum {
	background:url(images/page-forum.jpg) top center no-repeat;
}

#store {
	background:url(images/page-store.jpg) top center no-repeat;
}

#miscink {
	background:url(images/page-miscink.jpg) top center no-repeat;
}


/*Gallery CSS*/


#bread {
    float:left;
}

#bread ul {
    list-style:none;
    margin:0;
    padding:0;
    float:left;
}

#bread a { float:left;}

#bread li {
    background: url('img/skull.gif') 2px -5px no-repeat;
    padding-left:30px;
    margin-left:20px;
    float:right;
}
/* @group Gallery */

#gallery {
	position: relative;

	
}


#galleryartistList {
	/*position: absolute;
	left: 4px;
	top: 40px;*/
	height: auto;
	padding: 4px;
	border: 1px solid #000;
	margin-bottom: 10px;
}

#galleryartistList h2 {
	text-align: center;
	font-size: 1.2em;
}

#galleryartistList h1 {
	font-size: 1.2em;
	border: 1px solid #000;}

#galleryartistList ul#artistlist li {
	list-style: none;
	margin-bottom: 1px;

}

#galleryartistList #artistName {
	height: 10px;
	font-size: 1em;
}

#galleryartistList #artistLocation {
	height: 10px;
	margin-bottom: 1px;
	font-size: 1em; 
	color: #666666;
}


#gallerybreadcrumbs {
	position: relative;
	top: 0px;
	border: none;

}

#gallerynowViewingTop {

}


#gallerynowViewingBottom {
	position: relative;
}


#galleryimageInfo {
	/*position: absolute;
	top: 40px;
	left: 215px;*/

	font-size: 1em;
	height: auto;
	/* margin-bottom: 40px; */ margin-bottom: 8px;
	border:2px solid #666;
	padding: 4px;
}

.gallery-share-buttons {
	margin-bottom: 8px;
	text-align: center;
}

#galleryimageInfo h2 {
	width: 98%;
	font-size: 1.2em;
}

#galleryimage {
	text-align: center;
	margin: auto 0;
}

#galleryimage img {
	position: relative;
	border:2px solid #666;
	margin-bottom: 6px;
}

.gallery-share-buttons {max-height: 20px;}

.gallery-share-buttons:after {
	content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.gallery-share-buttons .share-col {float: left;}

.gallery-share-buttons .share-col-right {float: right;}

#galleryimage a {
	position: relative;
}
#galleryTravelDates {
	position: relative;
}

#gallerykeywords {
	position: relative;
}
 
#galleryArtistName {
position: relative;
border: 2px solid #666;
padding: 4px;
height: auto;
}


#galleryimageTitle {
position: relative;
border: 2px solid #666;
padding: 4px;
height: auto;
}

#galleryimageTitle h2 {
	color: #ffffff;
}


#thumbsNavTop {
    color:#FFFCD5;
    margin-bottom:10px;
}
#thumbsNavBottom {
    clear:both;
    margin-top:10px;
}
.thumbsThumbnail {
    float:left; 
    width:115px;
    margin:2px;
	margin-bottom:10px;
	text-align: center;
}

.thumbsThumbTitle {
   
}

.thumbsThumbnail img {height:75px; width:75px; border:1px solid #666; }

/* image comments */
#galleryimageComments { position: relative; top: 5px; height: auto; }
#galleryimageCommentBox { margin-top: 10px; width: auto; height: auto; min-height: 20px; margin-bottom: 10px; }
/* @end */

/* @group image comments */
div.imageComment { margin-top: 5px; }
.imageComment p.author em { font-size: 1.3em; font-weight: bold; color: #fafafa; text-decoration: underline; padding: 2px; padding-bottom: 0px; margin-bottom: 0px; }
.imageComment p.date { font-size: .9em; font-weight: normal; color: #cccccc; margin-top: -1px; margin-bottom: 0px; } 
.imageComment p.message { font-size: 1.2em; text-indent: 15px; color: #cccccc; margin-top: -2px; }
.imageComment {border-bottom: 1px solid #3d301b;}


#newImageComment { height: auto; min-height: 300px; width: 280px; margin-bottom: 10px;}
input { border:1px solid #bbb; background:#000; padding:5px; color: #f6f6f6; }
input:focus { border:1px solid #999; background:#fff; color: #000; }
label { width: 200px; display: block; }
#captchaImage { background: #000; padding: 5px; vertical-align: middle; text-align: center; }
textarea { border:1px solid #bbb; background:#000; padding:5px; color: #f6f6f6; }
textarea:focus { border:1px solid #999; background:#fff; color: #000; }
/* @end image comments */


.basketTable {
border: 1px solid black;

}

.basketHeader {
text-align: center;
border: 1px solid #cccccc;
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #fff;
background-color: #666666;
}


.basketTotal {
font-size: 14px;
font-weight: bold;
color: #999999;
}


.basketContent {
vertical-align: top;
text-align: center;
border: 1px solid #cccccc;
border-top: 0px;
padding: 4px;
}




.checkoutTable {
border: 1px solid #cccccc;

}


.checkoutHeaderCell {
background-color: #999999;
border: 1px solid #cccccc;
border-bottom: 0px;
border-top: 0px;
padding: 5px;
}

.checkoutHeader {
border-bottom: 0px;
color: #000000;
font-size: 14px;
font-weight: bold;
font: Verdana, Arial, Helvetica, sans-serif;
padding: 2px;
}

.checkoutContent {
padding: 2px;

}


.checkoutInput {

}

.checkoutError {
font-weight: bold;
color: #FFFF00;

}

div#localization {
float:right;
}