/* 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 url(../images/lost-souls.jpg); background-position : center top; }
body {font-family: Verdana, Arial, sans-serif; font-weight: normal; font-style: normal;  color: #fff; font-size: 62.5%; line-height: 150%; margin: 0; padding: 0; min-width: 960px; }




#container { width: 960px; margin: 0 auto; background: url(../images/content-bg.jpg); overflow: hidden; }

#header { background: #000 url(../images/sloane-preacher.jpg) no-repeat; }

#content { padding: 0 60px; position: relative; }
* html #content { width: 840px; }

#footer { padding: 10px 40px 0 40px; }
* html div#footer { margin-bottom: -13px; }
*:first-child+html div#footer { margin-bottom: -13px; }
#footer p { text-align: center; }
#footer ul#foot-nav { margin: 0 60px; }
#footer ul#foot-nav li { display: inline; padding: 5px 10px; }




h1, legend { margin: 1em 20px;font-family: georgia, times, serif;  font-size: 2em; line-height: 1em; font-weight: bold; color: #daa001; }

h2 { margin: 1em 20px;font-family: georgia, times, serif;  font-size: 1.6em; line-height: 1em; font-weight: bold; color: #850d00; }

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

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

a { color: #daa001; }

a:hover { color: #252525; }

strong { font-weight: bold; }

em { font-style: italic; }




h1#sloane { margin: 1px 0 0 0; width: 960px; height: 392px; text-indent: -9999px; }





ul#main-nav { margin: 0; padding: 30px 0 20px 0; list-style-type: none; text-align: center; }

ul#main-nav li { display: inline; }

ul#main-nav li a { color: #000; text-decoration: none; font-weight: bold; font-size: 1.4em; padding: 5px 10px; margin: 10px 2px; background-color: #b78706; border: 2px solid #7a0702; }

ul#main-nav li a:hover { background-color: #555; border-color: #333; }

body#home ul#main-nav li a#home-nav { background-color: #555; border-color: #333; }
body#art ul#main-nav li a#art-nav { background-color: #555; border-color: #333; }
body#bio ul#main-nav li a#bio-nav { background-color: #555; border-color: #333; }
body#projects ul#main-nav li a#projects-nav { background-color: #555; border-color: #333; }
body#merch ul#main-nav li a#merch-nav { background-color: #555; border-color: #333; }
body#contact ul#main-nav li a#contact-nav { background-color: #555; border-color: #333; }
body#links ul#main-nav li a#links-nav { background-color: #555; border-color: #333; }



p.intro { padding: 0 100px 30px 30px; font-size: 1.8em; font-family: georgia, times, serif; font-style: italic; text-align: center; color: #505050; }

img.intro-img { padding: 0 10px 10px 0; float: left; }



.featured { width: 260px; float: left; margin: 0 10px 0 10px; background: url(../images/featured-bg.jpg); }
* html div.featured { margin: 0 10px 0 7px; }
.featured h1 { font-size: 2em; color: #000; font-family: georgia, times, serif; text-align: center; padding: 50px 10px 5px 10px; margin: 0; background: #252525 url(../images/featured-h1.jpg); }
.featured p { color: #808080; font-size: 1.3em; }
.featured-photo {  }
.featured-bot { margin: 0 0 -2px 0; }



.info { padding: 0 20px; }
.info h2 {  text-transform: uppercase; }
.info p { font-size: 1.4em; color: #666; }

.photo { float: right; padding: 0 0 20px 20px; }



h1.gallery-head { margin: 20px 0 10px 0; text-align: center; color: #252525; }

h1.gallery-head img { margin: 7px 0 2px 0; }

ul.gallery { padding: 0 48px; width: 760px; }

ul.gallery li { display: inline; float: left; margin: 4px; padding: 0; border: 4px solid #101010; width: 108px; }

ul.gallery li a img { padding: 4px; margin: 0 auto; }



ul.gallery-nav { margin: 20px 0 0 0; padding: 0 0 20px 0; list-style-type: none; text-align: center; }

ul.gallery-nav li { display: inline; }

ul.gallery-nav li a { color: #000; text-decoration: none; font-weight: bold; font-size: 10px; padding: 5px; margin: 5px; background-color: #b78706; border: 1px solid #7a0702; }

ul.gallery-nav li a:hover { background-color: #555; border-color: #333; }

div#gallery-88 ul.gallery-nav li a#g88 { background-color: #555; border-color: #333; }
div#gallery-93 ul.gallery-nav li a#g93 { background-color: #555; border-color: #333; }
div#gallery-96 ul.gallery-nav li a#g96 { background-color: #555; border-color: #333; }
div#gallery-bw ul.gallery-nav li a#bw { background-color: #555; border-color: #333; }
div#gallery-color ul.gallery-nav li a#color { background-color: #555; border-color: #333; }
div#gallery-misc ul.gallery-nav li a#misc { background-color: #555; border-color: #333; }
div#tt-shirt ul.gallery-nav li a#tt-shirt { background-color: #555; border-color: #333; }
div#sc-shirt ul.gallery-nav li a#sc-shirt { background-color: #555; border-color: #333; }



.the-list { background: #9fa0a3 url(../images/the-list-bg.gif); width: 260px; float: right; margin-left: 60px; }
.the-list h2 { margin-top: -30px; font-size: 1.4em; text-align: center; text-transform: none; }
.the-list h2, .the-list p { padding: 0 30px; margin-bottom: .1em; }
.the-list p { color: #252525; font-size: 1.2em; }
.the-list a { color: #000; }
.the-list a:hover { color: #daa001; }
.the-list img.tween { margin-top: -25px; }
.the-list img.bottom { margin-bottom: -5px; }



.product { width: 260px; float: left; padding: 20px 10px; }
.product p { color: #7a0702; text-align: center; }
.product p img { padding: 0 5px; }
.product img { padding: 0 53px; }
.product-info { width: 520px; float: right; }
.product-info h2 { margin-left: 0; }
.product-info p, .product-info li { font-size: 1.4em; line-height: 1.5em; color: #666; }
.product-info p { margin: 1em 60px 1em 0; }
.product-info ul { list-style-type: circle;margin: 1em 20px;;  }
.product-info li { color: #ccc; text-align: left; }



.links { width: 500px; margin: 0 auto; }
.links p { margin-bottom: 3em; }



.contact-info { width: 350px; float: left; }

.contact-form { margin-right: 40px; width: 420px; float: right; }

.group { margin: 1em 0; }

label { display: block; margin: 0 20px; }

input, textarea { margin: 0 20px; }



.left { float: left; }

.right { float: right; }

.center { text-align: center; }

.clear { clear: both; width: 900px }