@import url("font-face.css");

body, h1, h2, h3, h4, h5, h6, blockquote, p, form, ul, ol { margin: 0; padding: 0; }
body { text-align: center; width: 60em; max-width: 60em; min-width: 300px; padding: 2em; margin: 0 auto; background: url("grain.png"); color: #222; text-rendering: optimizelegibility; }

/* LINKS & BOILERPLATE */

a { color: #222; text-decoration: none; }
a:hover { color: #093; }
a:active { position: relative; top: 1px; color: #062; }
h1, h2, h3, h4, h5, h6, nav { text-transform: uppercase; }img { border: none; }
header, article, section, footer { display: block; }
.last-125 { margin-right: -.125em; }

/* FONTS */

body { font-family: bookman-1, bookman-2, Baskerville, 'Times New Roman', Times, serif; }
h1, h2, h3, h4, h5, h6, nav, .main > h1, #about .column h1 span.the, #preservation p > span, #links h1, footer nav > ul li a[href*=preservation] #civil, footer nav > ul li ul li#copyright { font-family: superclarendon-1, superclarendon-2, Rockwell, Didot, Baskerville, Georgia, 'Times New Roman', Times, serif; }
body > nav ul li a, .category header h1, footer nav > ul li { font-family: "rosewood-std-fill-1", "rosewood-std-fill-2", Rockwell, Didot, Baskerville, Georgia, 'Times New Roman', Times, serif; }
.amp, #prints header h1, footer nav > ul li a[href*=history] #irish { font-family: 'BodoniFLF Bold', Didot, Baskerville, Georgia, 'Times New Roman', Times, serif; }
.main > h1 span { font-family: Baskerville, "Times New Roman", Times, serif; }
body > header h2 #purveyors, #prints header h1 span, #signs header h1 #and, #apparel header h1 span, body > .product .price .sold-out, footer nav > ul li a[href*=history] #of, footer nav > ul li a[href*=preservation] #support, footer nav > ul li ul li#phone, footer nav > ul li ul li#location { font-family: aviano-slab-1, aviano-slab-2; }
body > header nav, footer nav > ul li ul li#about, footer nav > ul li ul li#contact { font-family: poplar-std-1, poplar-std-2, Impact, sans-serif; }

/* HEADER */

body > header { border-top: .75em #222 solid; }
body > header h1 { font-size: 1em; padding: 1em 0;  -webkit-transform: rotate(-.25deg); -moz-transform: rotate(-.25deg); transform: rotate(-.25deg); }
body > header h1 a { background: url("../media/logo.png") no-repeat; display: block; height: 60px; text-indent: -999em; }
body > header h2 #purveyors { font-size: 1.25em; letter-spacing: .125em; display: block; -webkit-transform: rotate(.25deg); -moz-transform: rotate(.25deg); transform: rotate(.25deg); }
body > header h2 #purveyors span { text-transform: lowercase; }
body > header nav { font-size: 3.5em; font-weight: normal; letter-spacing: .1em; width: ; margin: 0 auto .5em auto; border-bottom: .125em #222 solid; -webkit-transform: rotate(-.25deg); -moz-transform: rotate(-.25deg); transform: rotate(-.25deg);  }
body > header nav:before {  }

/* CONTENT */

.main { text-align: left; position: relative; top: -1em; }
.main > h1 { width: 100%; text-align: center; font-size: 2.5em; font-weight: 900; margin-bottom: .5em; }
.product h1 span { font-size: .625em; border-bottom: .125em #222 solid; border-top: .125em #222 solid; line-height: 1em; top: -.25em; position: relative; display: inline-block;
/*-webkit-transform: skewY(-6deg);    -moz-transform: skewY(-6deg);      -o-transform: skewY(-6deg);         transform: skewY(-6deg);*/ }
.main p + p { padding-top: 1em; }
.main p { line-height: 1.5em; }
.main a:link, .main a:visited { color: #007030; }
.main a:hover, .main a:focus { color: #009933; }

/* FOOTER */

footer { margin-top: 1em; padding: 1em; height: 9em; border-top: .5em #222 solid; border-bottom: .5em #222 solid; }
footer nav > ul { width: 100%;  }
footer nav > ul li { display: inline-block; list-style: none; text-transform: uppercase; }
footer nav > ul > li > a { font-size: 2.25em; line-height: 1.333em; }
footer nav > ul li a span { display: block; }
footer nav > ul li a[href*=history] #of { letter-spacing: .25em; font-size: .75em; }
footer nav > ul li a[href*=history] #irish { font-weight: bold; font-size: 1.0625em; }
footer nav > ul li a[href*=preservation] #support { letter-spacing: .25em; }
/*footer nav > ul li a[href*=preservation] #support:before { content: "☛"; }
footer nav > ul li a[href*=preservation] #support:after { content: "☚"; }*/
footer nav > ul li a[href*=preservation] #civil {  }
footer nav > ul li a[href*=preservation] #preservation {  }
footer nav > ul li ul { border-left: solid .25em #222; border-right: solid .25em #222; padding: 1em; margin: 0 1em; }
footer nav > ul li ul li { display: block; }
footer nav > ul li ul li#about, footer nav > ul li ul li#contact { display: inline; }
footer nav > ul li ul li#about, footer nav > ul li ul li#contact { font-size: 2.5em; line-height: .75em; letter-spacing: .125em; }
footer nav > ul li ul li#about:after { content: "★"; font-size: .5em; position: relative; top: -.333em; }
footer nav > ul li ul li#phone { font-size: 1.75em; letter-spacing: .125em; }
footer nav > ul li ul li#phone:before { content: "☛"; }
footer nav > ul li ul li#phone:after { content: "☚"; }
footer nav > ul li ul li#copyright {  }

/* ANIMATION */

body, p, h1, img { -webkit-transition: all .125s ease-in-out; -moz-transition: all .125s ease-in-out; -o-transition: all .125s ease-in-out; transition: all .125s ease-in-out; }
a { -webkit-transition: color .125s ease-in-out; -moz-transition: color .125s ease-in-out; -o-transition: color .125s ease-in-out; transition: color .125s ease-in-out; }