@font-face {
  font-family: "AzoSans";
  src: url('/2016/fonts/AzoSans-Regular.eot') format('embedded-opentype'),
       url('/2016/fonts/AzoSans-Regular.woff') format('woff'),
       url('/2016/fonts/AzoSans-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AzoSans';
  src: url('/2016/fonts/AzoSans-Light.eot') format('embedded-opentype'),
       url('/2016/fonts/AzoSans-Light.woff') format('woff'),
       url('/2016/fonts/AzoSans-Light.svg') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'AzoSans';
  src: url('/2016/fonts/AzoSans-Bold.eot') format('embedded-opentype'),
       url('/2016/fonts/AzoSans-Bold.woff') format('woff'),
       url('/2016/fonts/AzoSans-Bold.svg') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'AzoSans';
  src: url('/2016/fonts/AzoSans-BoldItalic.eot') format('embedded-opentype'),
       url('/2016/fonts/AzoSans-BoldItalic.woff') format('woff'),
       url('/2016/fonts/AzoSans-BoldItalic.svg') format('svg');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'AzoSans';
  src: url('/2016/fonts/AzoSans-Italic.eot') format('embedded-opentype'),
       url('/2016/fonts/AzoSans-Italic.woff') format('woff'),
       url('/2016/fonts/AzoSans-Italic.svg') format('svg');
  font-weight: normal;
  font-style: italic;
}

html, body {
  margin: 0;
  font-family: "AzoSans", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 14px;
}
body {
  margin-bottom: 30px;
}

body, footer {
  border-top: 15px solid #E6E6D3;
}

a {
  text-decoration: none;
  color: black;
}

#Main a { 
  border-bottom: 1px dotted #CD5685;
}
#Main a.noborder,
#Main table.cart a,
#Main .font_browser a {
  border-bottom: 0;
}

a.hoverlink:hover,
.box.keywords a:hover,
#Main .font_browser a:hover,
#Sidebar a:hover {
  color: white;
  padding: 0 3px;
  background-color: #CD5685;
  border-bottom: 0;
}

#Canvas,
.container {
  width: 960px;
  margin: 0 auto;
}

#Canvas > #nav {
  position: relative;
  font-weight: 300;
}
#Canvas > #nav ul {
  list-style-type: none;
  margin: 1px 0 0 0;
  padding: 0;
}
#Canvas > #nav > ul {
  display: inline-block;
  border-bottom: 1px dotted black;
  padding-left: 380px;
  width: 100%;
  box-sizing: border-box;
  height: 34px;
}
#Canvas > #nav > ul > li {
  display: inline-block;
}
#Canvas > #nav > ul > li a:hover {
  color: #CD5685;
}
#Canvas > #nav ul li a {
  text-transform: uppercase;
  padding: 9px 10px;
  font-size: 11px;
  box-sizing: border-box;
  display: block;
}
#Canvas > #nav > ul ul {
  position: absolute;
  z-index: 9000;
  background: white;
  padding-top: 8px;
  padding-bottom: 8px;
  border: 1px dotted black;
  border-top: 0;
}
#Canvas > #nav > ul ul li a {
  padding: 2px 10px;
  text-transform: capitalize;
}
#Canvas > #nav > ul ul li a:hover {
  cursor: pointer;
  background-color: #CD5685;
  color: white !important;
}

#Canvas > #nav .brand span { display: none; }
#Canvas > #nav .brand {
  background: white url('/2016/logo.svg') center no-repeat;
  background-size: 75%;
  height: 50px;
  width: 110px;
  display: inline-block;
  border-right: 1px dotted black;
  position: absolute;
  top: -15px;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row::before, .row::after {
  display: table;
  content: " ";
  box-sizing: border-box;
}
.row::after {
  clear: both;
}
.row .col {
  box-sizing: border-box;
  padding: 0 15px;
  float: left;
}
.row .col.col-50 {
  width: 50%;
}
.row .col.col-40 {
  width: 50%;
}
.row .col.col-30 {
  width: 30%;
}
.row .col.col-20 {
  width: 20%;
}
.row .col.col-25 {
  width: 25%;
}
.row .col.col-80 {
  width: 80%;
}
.row .col.col-100 {
  width: 100%;
}
.row .col.col-left {
  width: 66.6667%;
  padding: 0 15px 0 0;
}
.row .col.col-right {
  width: 33.3333%;
  padding: 0 0 0 30px;
}

.store-set .row {
  margin-bottom: 30px;
}

#Canvas > #Content {
  margin: 30px 0 15px 0;
}

#Canvas #Sidebar {
  font-size: 11px;
}

#Canvas #Sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}


#Sidebar h2 {
  font-size: 11px;
  text-transform: uppercase;
  margin: 0 0 5px 0;
}
#Sidebar aside {
  margin-bottom: 15px;
}
#Sidebar aside.search input.search {
  border: 0;
  box-shadow: none;
  border-left: 1px dotted black;
  border-bottom: 1px dotted black;
  width: 100%;
  box-sizing: border-box;
}
#Sidebar aside.search input.search:focus {
  border-color: #CE5787;
}
#Sidebar aside.newsletter strong {
  text-transform: capitalize;
}
#Sidebar aside.showcases .more a {
  margin-top: 5px;
  display: inline-block;
  text-transform: uppercase;
}

.item.store-item {
  margin: 0 0 50px 0;
}

.item.store-item h1 {
  display: none;
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
}
h4 {
  font-size: 18px;
}
/*
.item.store-item a {
  display: block;
  background: white;
}
*/

.item.illustration .price, 
.item.store-item .price,
.item.merch_item .price,
.item.font-weight .meta .price {
  color: #CD5685;
  font-weight: bold;
  font-size: 19px;
}

.item.illustration p.meta, 
.item.store-item p.meta,
.item.merch_item p.meta,
.item.font-family p.meta,
.item.font-family form.meta {
  border-left: 1px dotted black;
  border-bottom: 1px dotted black;
  padding: 10px 0 5px 5px;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: normal;
}
span.weight {
  font-size: 13px;
  font-weight: normal;
}
#Main .item.illustration p.meta a, 
#Main .item.store-item a,
#Main .item.merch_item p.meta a,
#Main .item.font-family p.meta a,
#Main .store-set.custom_fonts a,
#Main .store-set.posters a,
#ShowcaseTable .showcase-item {
  border-bottom: 0;
}

footer .container .row { 
  margin: 0;
}
footer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-weight: 300;
}
footer ul  li {
  display: inline-block;
  margin-top: 6px;
}
footer ul li a {
  text-transform: uppercase;
  padding: 0 4px 0 0;
  font-size: 11px;
  box-sizing: border-box;
  display: block;
  border-right: 1px solid #A5A5A5;
  text-transform: uppercase;
}
footer ul li:last-of-type a {
  border-right: 0;
}


form dt {
  float: left;
  clear: left;
  text-align: right;
  margin: 5px 10px 0px 0px;
  width: 105px;
  font-size: 11px;
  font-weight: bold;
  line-height: 28px;
}
form dt,
form dd {
  line-height: 22px;
  margin-bottom: 15px;
}
dl, dt, dd {
  list-style: outside none none;
}

dd.recaptcha {
  margin-left: 115px;
}
form dd input, form dd textarea {
  width: 510px;
  border: 1px solid #d3d3d3;
  box-shadow: none;
}

.btn,
form dd input[type=submit] {
  font-weight: 300;
  width: auto;
  background: #CE5787;
  color: white;
  border: 0;
  text-transform: uppercase;
  padding: 5px 15px;
  font-size: 14px;
  letter-spacing: 1px;
  border-bottom: 0 !important;
  display: inline-block;
}

p.success {
  padding: 15px;
  color: #2B6B2B;
  box-sizing: border-box;
  background-color: #E6E6D3;
}
div.errors {
  background: #fcc;
  margin: 1em 0;
  padding: 1px 10px 1.5em;
  border: 1px solid #f00;
  color: #c00;
  box-sizing: border-box;
}

.pagination {
  text-align: center;
}

.font_browser {
  margin: 15px 0;
  font-size: 12px;
}
.font_browser a,
.font_browser span {
  margin-left: 0px;
  padding: 0px 3px;
}
.font_browser a {
  font-weight: normal;
}
.font_browser span {
  font-weight: bold;
  color: #CD5685;
}

.item.font-family ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.item.font-family ul.inline li {
  display: inline-block;
}
.item.font-family ul.inline li a {
  display: block;
  padding: 0;
  margin: 0;
}
.item.font-family ul.inline.piped li:last-of-type {
  display: none;
  margin: 0 5px;
}

#Main img {
  /*max-width: 630px !important;*/
  max-width: 100% !important;
  height: auto;
}

.item.font-weight,
.item.font-weight .box,
.item.font-family .box {
  margin-bottom: 30px;
}
.item.font-weight .meta {
  font-size: 11px;
}
.item.font-weight .img img {
  width: 100%;
  height: auto;
}

#Sidebar aside.showcases .year_set.set_closed {
  display: none;
}

.btn.btn-subtle {
  background-color: #B7B7B7;
}

table th,
table td {
  padding: 5px 0;
}

table th {
  text-align: left;
}

table.cart {
  width: 100%;
}
table.cart th.name {
  width: auto;
}
table.cart th.colx1 {
  width: 110px;
}
table.cart th.colx2 {
  width: 180px;
}
table.cart th.price {
  width: 70px;
}
table.cart th.act {
  width: 20px;
}
table.cart td.colx2 input {
  width: 25px;
  font-family: "AzoSans";
}
table.cart tr.subtotal .subt_label {
  text-align: right;
  padding-right: 15px;
}
/*
table.cart tr.subtotal:first-of-type th,
table.cart tr.subtotal:first-of-type td {
  border-top: 1px solid black;
}
*/
tr.foo td {
  height: 5px;
  border-bottom: 1px dotted black;
}

.notice {
  padding: 0;
  margin: 15px 0;
}
.notice.info { font-size: 12px; }
.notice p { margin: 0; padding: 0;}

.notice.error {
  color: #CD5685;
}
.notice.error a {
  color: #CD5685;
  border-bottom-color: black;
}

#Canvas #nav .login_info {
  width: 33%;
  right: 0;
  top: 0;
  position: absolute;
  padding-left: 30px;
  box-sizing: border-box;
}
#Canvas #nav .login_info > li {
  float: left;
  box-sizing: border-box;
  padding-left: 0;
}
#Canvas #nav .login_info .cart {
  width: 60%;
}
#Canvas #nav .login_info .account > a {
  text-align: right;
}
#Canvas #nav .login_info .account ul {
  right: 0;
}
#Canvas #nav .login_info > .account {
  width: 40%;
}
#Canvas #nav .login_info > .cart a {
  text-transform: none;
}
#Canvas #nav li.login_info a strong {
  text-transform: uppercase;
  font-weight: 400;
}

.hidden {
  display: none;
}

.item.font-family .information h1,
.item.font-family .information p,
.item.font-family .keywords h1,
.item.font-family .keywords p {
  font-size: 16px;
}

.box.weights p.meta {
  font-weight: normal;
}


p.notop { margin-top: 0; }
.tip h4 { margin-bottom: 0; }
.tip p { margin-top: 0; }

hr,
hr.spacer,
#Main .box.information hr {
  margin: 30px 0;
  border-bottom: 0;
  border-top-style: dotted;
}

.note { font-size: smaller; }

.login_info .session {
  position: absolute;
  top: 0;
  right: 0;
}
.login_info .session a {
  display: inline-block !important;
  padding-right: 0px !important;
  padding-left: 5px;
}

ul.inline.tabs {
  padding: 0;
  border-bottom: 1px dotted grey;
}
ul.inline.tabs li {
  display: inline-block;
}
ul.inline.tabs li.on a {
  color: white;
  background-color: #CD5685;
}
ul.inline.tabs li a {
  display: block;
  padding: 5px 15px;
  margin: 0 5px 0 0;
}

.store-set .col span.name {
  display: none;
}

.item.custom-font .box.images img {
  margin: 15px 0;
  width: 100%;
  height: auto;
}

figure {
  margin: 15px 0;
}

.box.images img {
  width: 100%;
}

#cart_dialog { 
  background-color: white;
  padding: 15px;
  width: 500px;
}
#cart_dialog h1 {
  margin-bottom: 0;
}
#cart_dialog hr {
  margin-bottom: 15px;
  border-top: 0;
  border-bottom: 1px dotted black;
}
#cart_dialog .radio input {
  margin-left: 3px;
}
#cart_dialog .full_price {
  text-decoration: line-through;
  font-weight: 300;
}

fieldset.notice.error {
  padding: 15px;
  border: 0;
  margin: 15px 0;
}

.year_set li {
  margin-left: 15px;
} 
.year_set.noindent li {
  margin-left: 0;
} 

.form_field {
  display: block;
  margin-bottom: 15px;
}
.form_field label {
  display: block;
  font-weight: bold;
}
.form_field input,
.form_field select,
.form_field textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px dotted #c1c1c1;
  -webkit-appearance:none;
  padding: 3px 5px;
  font-size: 14px;
}
.form_field input:focus,
.form_field select:focus,
.form_field textarea:focus {
  border-color: #CE5787;
  border: 1px dotted #CE5787;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.contact_form textarea {
  height: 140px;
  border-color: #c1c1c1;
}


form .options label {
  font-weight: normal;
}

label.ship_option {
  font-weight: normal;
}
label.ship_option input {
  display: inline-block;
  width: auto;
  margin-right: 15px;
}

.social2 a {
  display: inline-block;
  height: 40px;
  padding: 0;
  overflow: hidden;
  background-image: url('/images/social-icons3.png?v=1.1');
  text-indent: -9999px;
  opacity: 0.8;
  margin-right: 0px;
}

.social2 a:hover {
  opacity: 1;
  background-color: transparent;
}
#Sidebar .social a:hover {
  padding: 0;
  background-color: transparent;
}

.social2 a.facebook {
  margin-left: 5px;
  width: 13px;
  background-position: 0 0;
}
.social2 a.twitter {
  width: 23px;
  background-position: -120px 0;
}
.social2 a.pinterest {
  width: 24px; 
  background-position: -10px 0;
}
.social2 a.flickr {
  width: 23px;
  background-position: -54px 0;
}
.social2 a.issuu {
  width: 24px; 
  background-position: -32px 0;
}
.social2 a.aboutme {
  width: 25px;
  background-position: -75px 0;
}
.social2 a.instagram {
  width: 23px;
  background-position: -98px 0;
  margin-right: 0;
}
.social2 a.linkedin {
  width: 23px;
  background-position: -142px 0;
  margin-right: 0;
}


#Canvas > #nav > ul > li > ul,
#Canvas > #nav > ul > div > li ul {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.1s linear;
  transition-delay: 0.7s;
}
#Canvas > #nav > ul > li:hover ul,
#Canvas > #nav > ul > div > li:hover ul { 
  opacity: 1;
  transition: visibility 0s, opacity 0.1s linear;
  transition-delay: 0;
  visibility: visible;
} 
#Canvas > #nav > ul > li > a,
#Canvas > #nav > ul > div > li > a { 
  color: black;
  transition: color 0s;
  transition-delay: 0.7s;
}
#Canvas > #nav > ul > li:hover > a,
#Canvas > #nav > ul > div li:hover > a { 
  color: #CD5685;
  transition: color 0s;
  transition-delay: 0;
}


aside.keywords li.hide {
  display: none;
}
aside.keywords.showall li.hide {
  display: block;
}
aside.keywords.showall .more {
  display: none;
}

.box.billboard img { width: 100%; }

.ot-completely-hidden { display: none; }

input[disabled] {
  background-color: #B7B7B7;
}

.style_row .style a {
  border-bottom: 0;
}

#font_showcase_navs li.on a { font-weight: bold; }

#typesetter,
#typesetter img {
  width: 625px;
  height: 175px;
}

#Main .inline.tabs li a {
  border-bottom: 0 !important;
}

.subt_amount,
table.cart td.price,
table.cart th.price {
  text-align: right;
}

table.cart td.delete {
  text-align: center;
}

.socialLinks {
  font-size: 0;
  margin: 10px 0 !important;
}

.socialLinks li {
  display: inline-block;
  vertical-align: top;
  margin-right: 12px;
}

.socialLinks li a:hover {
  padding: 0 !important;
  opacity: 0.8;
}