/* Thank you, Eric Meyer, for restting the browser */

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 1.2em;
}

ol, ul { list-style: none; }

html { background: #000; }

body {font-family: Verdana, Arial, sans-serif; font-weight: normal; font-style: normal;  color: #ccc; font-size: 62.5%; line-height: 150%; margin: 0; padding: 0; min-width: 960px; }




div#wrapper { width: 960px; margin: 0 auto; background: #2f0700; }

div#header { height: 75px; background: #1b0400; position: relative; }
p.address { font-weight: bold; color: #3e8d67; text-align: right; position: absolute; top: 50px; right: 20px; }

div#content { width: 960px; clear: both; padding: 20px 0 0 0; }

div#footer { margin-top: -2px; padding: 0 0 10px 0; background: #000; }
div#footer p { text-align: center; color: #ccc; }




h1 { padding: 0; font-size: 0.4em; text-indent: -9999px; color: #ccc; }

h2 { margin: 0 20px 0 20px; font-size: 1.9em; line-height: 1.5em; font-weight: bold; color: #3e8d67; font-family: georgia, times, serif; }

h3 { margin: 1em 20px; font-size: 1.6em; line-height: 1em; }

p { margin: 1em 20px; font-size: 1.4em; line-height: 1.5em; }

a { color: #f8f43a; font-weight: bold; }

a:hover { color: #252525; }

strong { font-weight: bold; }

em { font-style: italic; }





div#top-nav { background-color: #000; margin: -3px; }

div.top-clear { clear: both; height: 5px; }

ul.nav { padding: 1px 0 0 20px; width: 940px; }

ul.nav li { display: inline; float: left; padding: 5px 10px; margin: 2px; background-color: #000; border: 2px solid #000; }

ul.nav li a { display: block; color: #f8f43a; text-decoration: none; font-weight: bold; font-size: 16px; }

ul.nav li a:hover { color: #fff; }

body#home-body div#wrapper div#header ul.nav li#home a { color: #fff; }
body#chris-body div#wrapper div#header ul.nav li#chris a { color: #fff; }
body#josh-body div#wrapper div#header ul.nav li#josh a { color: #fff; }
body#pete-body div#wrapper div#header ul.nav li#pete a { color: #fff; }
body#samm-body div#wrapper div#header ul.nav li#samm a { color: #fff; }
body#merch-body div#wrapper div#header ul.nav li#merch a { color: #fff; }
body#links-body div#wrapper div#header ul.nav li#links a { color: #fff; }



div.info { padding: 0 10px 0 20px; float: right; width: 280px; }

img.card { border: 4px solid #000; }


div.shop-info { padding: 0 10px 0 30px; width: 600px }


div.merch-item { padding: 6px; width: 180px; float: left; border: 4px solid #000; background: #9a090d url(http://www.pinnacletattoo.net/images/merch-item-bg.jpg) bottom no-repeat; }

div.merch-item p { margin: 0; text-align: center; }

div.merch-item p.price { color: #3e8d67; background: #000; padding: 2px; }




div.merch-item-info h2 { padding: 0; text-align: right; }

div.merch-item-info p { padding: 0; text-align: right; }

div.merch-item-info p.price { color: #3e8d67; padding: 2px; text-align: right; }





ul.tattooers { padding: 0; width: 600px; }

ul.tattooers li { display: inline; float: left; margin: 5px; padding: 5px; background-color: #000; width: 180px; }





ul.gallery2 { padding: 0 10px 0 30px; width: 600px; }

ul.gallery2 li { display: inline; float: left; margin: 0; padding: 0; border: 7px solid #000; background-color: #1b0400; width: 106px; height: 106px }

ul.gallery2 li a img { border: 3px solid #f8f43a;  }



.attention { font-weight: bold; color: #fff; }

.left { float: left; }

.right { float: right; }

.clear { clear: both; height: 20px; }



.paypal-button { float: right; }









/*Ê
ÊÊÊÊrootÊelementÊforÊtheÊscrollable.Ê
ÊÊÊÊwhenÊscrollingÊoccursÊthisÊelementÊstaysÊstill.Ê
*/Ê
div.scrollableÊ{Ê
Ê
ÊÊÊÊ/*ÊrequiredÊsettingsÊ*/Ê
ÊÊÊÊposition: relative;Ê
ÊÊÊÊoverflow: hidden;Ê
ÊÊÊÊwidth:Ê600px;Ê
ÊÊÊÊheight: 404px;Ê
}Ê
Ê
/*Ê
ÊÊÊÊrootÊelementÊforÊscrollableÊitems.ÊMustÊbeÊabsolutelyÊpositionedÊ
ÊÊÊÊandÊitÊshouldÊhaveÊaÊsuperÊlargeÊwidthÊtoÊaccomodateÊscrollableÊitems.Ê
ÊÊÊÊit'sÊenoughÊthatÊyouÊsetÊwidthÊandÊheightÊforÊtheÊrootÊelementÊandÊ
ÊÊÊÊnotÊforÊthisÊelement.Ê
*/Ê
div.scrollableÊdiv.itemsÊ{Ê
ÊÊÊÊ/*ÊthisÊcannotÊbeÊtooÊlargeÊ*/Ê
ÊÊÊÊwidth:600px;Ê
ÊÊÊÊposition:absolute;Ê
}Ê
Ê
/*Ê
ÊÊÊÊaÊsingleÊitem.ÊmustÊbeÊfloatedÊonÊhorizontalÊscrollingÊ
ÊÊÊÊtypicallyÊthisÊelementÊisÊtheÊoneÊthatÊ*you*ÊwillÊstyleÊ
ÊÊÊÊtheÊmost.Ê
*/Ê
div.scrollableÊdiv.itemsÊdivÊ{Ê
ÊÊÊÊfloat: left;Ê
}Ê
Ê
/*ÊyouÊmayÊwantÊtoÊsetupÊsomeÊdecorationsÊtoÊactiveÊitemÊ*/Ê
div.itemsÊdiv.activeÊ{Ê
ÊÊÊÊborder:1pxÊinsetÊ#ccc;Ê
ÊÊÊÊbackground-color:#fff;Ê
}