/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, legend, table, caption, tbody, tfoot, thead, tr, th, td, form {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
a, img {border:none; outline: none;}
.hide {display:none;}

/* Layout */
body {background: #000 url(../images/body-bg.jpg) no-repeat top center;}
#container {background: url(../images/container-bg.png) repeat-y; width: 920px; margin-left: -480px; padding: 0 0 0 40px; left: 50%; position: absolute;}
#banner {background: url(../images/banner.jpg); width: 880px; height: 93px; margin: 0; position: relative;}
#wrap {background: url(../images/content-home-bg.jpg) no-repeat; margin: 0; padding: 80px 0 0 30px; clear: both;}
#wrap-int {background: url(../images/content-int-bg.jpg) no-repeat; width: 825px; margin: 0; padding: 80px 0 0 55px; min-height: 250px; clear: both;}
#text-wrap {width: 60%; float: left;}
#content {clear: both;}
#footer {background: url(../images/footer-bg.jpg) no-repeat; width: 820px; margin: 0; padding: 45px 30px 0 30px; min-height: 35px; clear: both;}

.right {float: right;}
.left {float: left;}
.cr {clear: right;}
.cl {clear: left;}
.hide {display: none;}
.bump {margin-right: 30px;}

div.hr {width: 560px; height: 37px; background: url(../images/small-hr.png) no-repeat;margin: 0; padding: 0; clear: both;}
hr {display: none; height: 0px; background-color: #666; border: solid 1px #666; border-width: 1px 0 0 0; clear: both;}

#social-bar {position: absolute; top: 15px; right: 15px;}


/* Home page elements */
.home-banner-heading {
    position: absolute;
    color: #bec5ca;
    font-size: 20px; 
    top: 46px;
    right: 10px;
}
.home-museum-heading {
    position: absolute;
    color: #fff;
    font-size: 28px; 
    text-shadow: 0px 0px 3px rgba(0,0,0,1);
    top: 47px;
    left: 20px;
}
.home-section-heading {
    position: absolute;
    color: #fff;
    font-size: 28px; 
    text-shadow: 0px 0px 3px rgba(0,0,0,1);
    top: 30px;
    left: 25px;
}

p.home {width: 500px; margin-left: 25px;}
div.home {position: relative;}
div.home p {width: 170px; font-weight: bold; color: #090908; line-height: 1.33em;}
#home-skeletons {background: url(../images/home-skeletons.png); width: 409px; height: 292px; padding: 85px 0 0 20px; margin-left: 25px; float: left;}
#home-museum-big {background: url(../images/home-museum-big.png); width: 409px; height: 292px; padding: 85px 0 0 20px; margin-left: 25px; float: left; position: relative;}
#home-museum {background: url(../images/home-museum.png); width: 313px; height: 41px; padding: 66px 0 0 27px; margin-top: 16px; float: left;}
#home-collections {background: url(../images/home-collections.png); width: 313px; height: 41px; padding: 66px 0 0 27px; margin-top: 16px; float: left;}
#home-novelty {background: url(../images/home-novelty.png); width: 313px; height: 41px; padding: 66px 0 0 27px; margin-top: 10px; float: left;}
#home-economical {background: url(../images/home-economical.png); width: 313px; height: 40px; padding: 66px 0 0 27px; margin-top: 10px; float: left;}
#home-bones {background: url(../images/home-bones.png); width: 313px; height: 40px; padding: 66px 0 0 27px; margin-top: 10px; float: left;}

/* Item Displays */
div.item {margin: 0 25px 10px 0; padding: 0 0 20px 0; float: left; position: relative;}
div.item div {padding: 0 5px;}
div.skull {background: url(../images/item-skull-bg.png) no-repeat bottom; width: 230px; height: 124px;}
div.skeleton {background: url(../images/item-skeleton-bg.png) no-repeat bottom; width: 230px; height: 433px;}
div.skull p {color: #6a6356; float: right; clear: right; width: 50%; margin-right: 5px; text-align: right;}
div.skeleton p {color: #6a6356; float: right; clear: right; width: 43%; margin-right: 5px; text-align: right;}
div.item a span.enlarge {font-size: .83em; font-weight: normal; position: absolute; left: 5px; bottom: 0; text-align: left; margin: 0; width: auto; float: none; color: #d7cfb2; text-decoration: underline;}
div.item a:hover span.enlarge {color: #fff;}
.item-thumb {margin: 5px 0 0 0; float: left; display: block;}
 

/* Images */
img, a {border: none; outline: none;}
#banner img.right {margin-left: 20px;}
#home-skull {position: absolute; right: 20px; top: 115px;}
.layout {display: block;}
.paypal {margin: 10px 4px 15px 0; float: right;}
.button {
    width: 96px;
    height: 21px;
    margin: 10px 4px 15px 0; 
    border-radius: 21px;
    box-sizing: border-box;
    text-align: center;
    font-style: italic;
    text-decoration: none;
    line-height: 1.5em;
    float: right;
}
.etsy-link {
    background: #d15928;
    color: #fff;
    border: solid 1px #ad4921;
}
.etsy-link:hover {
    background: #ad4921;
}
.out-of-stock {
    background: #ccc;
    color: #333;
    border: solid 1px #666;
}
.out-of-stock:hover {
    cursor: default;
    color: #333;    
}

#view-cart {margin: 10px 50px 0; float: right;}
.faded-image {float: right; clear: right; margin: 0 25px;}

/* Typo */
body {font-size: .75em; line-height: 1.67em; font-family: Tahoma, Geneva, sans-serif;}
#wrap, #wrap-int {color: #d7cfb2; font-weight: normal;}
#footer {font-size: .86em; color: #d7cfb2; font-weight: normal;}
.sub_nav {color: #23420d; margin: 0 0 18px 0; padding: 0;}
p {margin: 0 0 18px 0;}
.font-della {
    font-family: 'Della Respira', serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}


/* Links */
a {color: #d7cfb2; text-decoration: underline;}
a:hover {color: #fff;}
.home p a {color: #6a6356; text-decoration: none;}
.home p a:hover {color: #090908; text-decoration: underline;}
/* .top-link {background: url(../images/top-link.gif) no-repeat 0 4px; padding-left: 20px; clear: both;} */


/* Headings */
h1 {font-family: 'Della Respira', serif; color: #bec5ca; text-shadow: 1px 1px 1px rgba(0,0,0,1); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; line-height: 1; /* text-indent: -999em; overflow: hidden; */}
h1.home {/* background: url(../images/headings/welcome.png) no-repeat; */ width: 500px; /* height: 59px; */ margin: 0 0 10px 25px; font-size: 26px; line-height: 30px;}
h1.museum-skulls {/* background: url(../images/headings/title-museum-skulls.png) no-repeat; width: 380px; height: 31px; */ margin: 0; padding: 0; float: left; font-size: 34px;}
h1.skulls {font-size: 34px;/* background: url(../images/headings/title-skulls.png) no-repeat; width: 91px; height: 31px; margin: 0; padding: 0; */ float: left;}
h1.skeletons {/* background: url(../images/headings/title-skeletons.png) no-repeat; width: 149px; height: 31px; */ margin: 0 0 20px; padding: 0; font-size: 34px;}
h1.whats-new {/* background: url(../images/headings/title-whats-new.png) no-repeat; width: 203px; height: 31px; */ margin: 0 0 20px; padding: 0; font-size: 34px;}
h1.graveyard {/* background: url(../images/headings/title-graveyard.png) no-repeat; width: 162px; height: 38px; */ margin: 0 0 20px; padding: 0; font-size: 34px;}
h1.faq {/* background: url(../images/headings/title-faq.png) no-repeat; width: 91px; height: 37px; */ margin: 0 0 20px; padding: 0; font-size: 34px;}
h1.contact {/* background: url(../images/headings/title-contact.png) no-repeat; width: 129px; height: 31px; */ margin: 0 0 20px; padding: 0; font-size: 34px;}
h1.site-map {/* background: url(../images/headings/title-site-map.png) no-repeat; width: 141px; height: 38px; */ margin: 0 0 20px; padding: 0; font-size: 34px;}


h2 {font-size: 1.5em; font-weight: normal; margin: 0 0 5px; color: #bec5ca;}
div.item h2 {margin-left: 5px;}

h3 {font-size: 1em; margin: 0; font-weight: bold; color: #bec5ca;}
h4 {margin: 0; padding: 0; float: left;}

/* Lists */
ul, ol {margin: 0 0 18px 30px;}

/* Side Navigation */
#nav {/* height: 33px; */ margin: 0 0 20px 0; padding: 0; font-family: 'Della Respira', serif; font-size: 16px; text-shadow: 1px 1px 1px rgba(0,0,0,1); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; list-style: none; position: absolute; z-index:5; top: 115px; left: 70px;}
#nav li {/* height: 33px; */ margin: 0; padding: 0 0.8em; border: solid 1px #d7cfb2; border-width: 0 1px 0 0; list-style: none; float: left;}
#nav li:last-child {border: none;}
#nav li a {/* height: 33px; */ display: block; text-decoration: none; /* text-indent: -999em; overflow: hidden; */}
#nav a:hover, #nav li.active a {color: #fff;}
/* #nav a:hover, #nav li.active a {background-position: 0 -33px;} */

/*
#skeletons {background: url(../images/nav/skeletons.png); width: 97px;}
#museum-skulls {background: url(../images/nav/museum-skulls.png); width: 193px;}
#skulls {background: url(../images/nav/skulls.png); width: 76px;}
#whats-new {background: url(../images/nav/whats-new.png); width: 118px;}
#graveyard {background: url(../images/nav/graveyard.png); width: 107px;}
#faq {background: url(../images/nav/faq.png); width: 67px;}
#contact {background: url(../images/nav/contact.png); width: 90px;}
#home {background: url(../images/nav/home.png); width: 74px;}
*/
#nav li.active a {cursor: default;}

.new-nav {position: absolute; top: 170px; left: 410px; }

/* Sub Nav */
#sub-nav {font-size: 15px; font-family: 'Della Respira', serif; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,1); margin: 14px 0 20px 10px; padding: 0; list-style: none; float: left; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}
#sub-nav li {/* height: 33px; */ margin: 0; padding: 0 0.8em; border: solid 1px #d7cfb2; border-width: 0 1px 0 0; list-style: none; float: left;}
#sub-nav li:last-child {border: none;}
#sub-nav li a {/* height: 33px; */ display: block; text-decoration: none; /* text-indent: -999em; overflow: hidden; */}

/* Skulls */
/*
#museum {background: url(../images/nav/museum.png); width: 94px;}
#economical {background: url(../images/nav/economical.png); width: 114px;}
#novelty {background: url(../images/nav/novelty.png); width: 77px;}
*/

/* Skeletons */
/*#standard {background: url(../images/nav/standard.png); width: 98px;}
#first-class {background: url(../images/nav/first-class.png); width: 98px;}*/

/* #sub-nav a:hover, #sub-nav li.active a {background-position: 0 -33px;} */
#sub-nav li.active a {cursor: default; color: #fff;}

/* Clear Fix */
.clear {clear: both;}
.cf:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cf {display: inline-block;} /*this trips hasLayout for ie7*/
.cf {display: block;} /*this returns it back to normal*/
* html .cf {height: 1px;}