/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
/*	vertical-align: baseline; */
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #444;
    font-size: 1em;
    line-height: 1.5;
	letter-spacing: 0.025em;
}

::-moz-selection {
    background: #eeeeee;
    text-shadow: none;
}

::selection {
    background: #eeeeee;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #222;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */


body {
background-color: #000;
font-size: small;
	color: #fff;
font-family: 'TTNooks-Light', Georgia, Times New Roman;
}

p {
	line-height: 1.25;
	margin-top: 0.4em;
	margin-bottom: 0em;
}

strong, b {
	font-family: 'TTNooks-Black';
	font-weight: normal;
}

em, i {
	font-family: 'TTNooksScript-Light';
}

em strong, em b, strong em, b em, i strong, i b, strong i, b i {
	font-family: 'TTNooksScript-Black';
}

.RNat5A {
	font-family: 'RationalTWDisplay-Light';
	letter-spacing: 0.05em;
}

.numerator, .denominator {
}

.header-container {
	background-image: url(../img/spectrum.jpg);
	background-position: top;
	background-size: 100% 0.5em;
	background-repeat: no-repeat;
	text-align: left;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #000;
	clear: both;
	z-index: 999999;
}

.footer-container {
	border-top: 1px solid #444;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	padding-top: 1em;
	padding-bottom: 10em;
	text-align: left;
	font-size: 80%;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


h1, h2, h3, h4, h5, h6, ul {
font-weight: normal;
-webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  line-height: 1.1;
}

.highlight, .current, a:link.current, a:active.current, a:visited.current, a:hover.current {
color: #0099ff;
}

.cell .rn-number, .cell .category-name {
	margin-bottom: 0.2em;
}
.cell {
	margin-top: 0.2em;
}

.no-space-before {
	margin-top: 0;
}

.no-gaps {
	margin-top:0;
	margin-bottom: 0;
}

chunk {
	display: inline-block;
	white-space: nowrap;
	margin-right: 2em;
}

a, a:visited, a:active a:link { 
color: #fff;
	font-family: 'TTNooks-Regular';
text-decoration: none;
	cursor: pointer;
}

a:hover {
color: #0099ff;
}

content a, content a:visited, content a:active, content a:link, a.bluelink {
	color: #0099ff;
	font-family: 'TTNooks-Regular';
}

.cell a, .cell a:visited, .cell a:active, .cell a:link, 
.prev-next a, .prev-next a:visited, .prev-next a:active, .prev-next a:link {
	color: #fff;
}

.cell a:hover {
	color: #0099ff;
}

/* ==============
    ALL
   ============== */

.logo, .logo a {
	color: #0099ff;
	text-decoration: none;
	text-align: left;
}
.logo {
}

nav ul, subnav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
	text-align: left;
}

nav ul li, subnav ul li {
    display: inline-block;
}

nav a, subnav a {
	white-space:nowrap;
    text-decoration: none;
    background: transparent;
	padding-left: 0em;
	padding-right: 2em;
	display: inline-block;
}

.shopify-icon, .instagram-icon {
	width: 2.25em;
	height: 2.25em;
}

.instagram-icon {
	margin-left: 0.5em;
}

.shopify-payment-icons li {
	display: inline-block;
	margin-left: 0.2em;
	margin-right: 0.2em;
}

.shopify-available-works {
	position: relative;
	top: 0.3em;
	font-size: 110%;
	font-family: 'TTNooks-Regular';
	font-weight: normal;
	color: #0099ff;	
	display: none;
}

.shopify-container {
	position: fixed;
	top: 0.75em;
	right: 1em;
	text-align: center;
	background-color: transparent;
	padding: 0;
/*	max-width: 10%; */
	z-index: 9999999;
}

.shopify-icon-inline {
	width: 2em;
	height: 2em;
	margin: 0 0.25em 0 0.25em;
	position: relative;
	bottom: 0.2em;
}
.RNat5A a {
	font-family: 'RationalTWDisplay-Light';
}

.underline {
	border-bottom: 1px solid #444;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
}

.overline {
	border-top: 1px solid #444;
	padding-top: 1.5em;
	margin-bottom: 1em;
	margin-top: 1em;
}

.gap-above {
	margin-top: 2em;
}

.gap-below {
	margin-bottom: 2em;
}

.small-gap-above {
	margin-top: 0.5em;
}

.small-gap-below {
	margin-bottom: 0.5em;
}

.inline {
	display: inline-block;
	}

.inline-link {
	display: inline-block;
	padding-left: 1em;
	padding-right: 1em;
	white-space:nowrap;
}

/* ==============
    MOBILE
   ============== */

#content-container {
	width: 100%;
}

#inner, .wrapper {
	position: relative;
	width: calc(100% - 2em);
	padding-left: 1em;
	padding-right: 1em;
	text-align: left;
}

subnav {
	display: none;
	background-color: #000;
	color: #fff;
	width: 100%;
	padding-bottom: 0.5em;
	border-bottom: 1px;
	border-bottom-color: #444;
	border-bottom-style: solid;
}

.slideshow-container {
	width: 100%;
	max-height: 60vh;
	position: relative;
	opacity: 0;
}

#slideshow {
	max-height: 60vh;
}

.slideshow-img {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}

.slideshow-caption {
	position: absolute;
	bottom: 0em;
	left: 0em;
	background-color: #000;
	color: #fff;
	padding: 0.1em 0.5em 0.1em 0.5em;
}

.tabs {
	display: inline-block;
	position: relative;
	bottom: 0.375em;
	text-align: left;
}

.tab-content {
	display: none;
}

.tab-option, .links-option {
	font-size: 80%;
	text-transform: uppercase;
	background-color: #f5f5f5;
	padding: 0.2em 0.35em 0 0.35em;
	margin-right: 1em;
	display: inline-block;
	color: #444;
	cursor: pointer;
	border-radius: 0.3em;
}

.tab-option-current, .tab-option:hover, .links-option:hover {
	color: #0099FF;
}

h1 {
	font-size: 200%;
}

h2 {
	font-size: 175%;
}

h3 {
	font-size: 125%;
	font-family: 'TTNooks-Regular';
}

h4 {
	line-height: 1.1;
	font-family: 'TTNooks-Regular';
}

h5 { font-size: 70%;
text-transform: uppercase;
letter-spacing: 0.2em;
font-family: 'TTNooks-Bold';
line-height: 1.5;
}

h6 {
	font-size: 80%;
}

h3.RNat5A, h4.RNat5A, h5.RNat5A {
	font-family: 'RationalTWDisplay-Light';
}
h3.RNat5A, h5.RNat5A {
	margin-bottom: 0;
}

.rn-number {
	font-size: 80%;
}
		
.tagline {
	margin-bottom: 0.75em;
}

.wide-only {
	display: none;
}
.non-wide-only {
	display: block;
}

.bottom-strip {
	position: fixed;
	bottom: 0;
	left: 0%;
	width: 100%;
	background-color: #000;
	text-align: center;
	z-index: 999999;
	cursor: pointer;
	padding-top: 0.75em;
	padding-bottom: 0.5em;
}

.bottom-strip:hover {
}

.bottom-strip-up, .bottom-strip-prev-next, .bottom-strip-down, .bottom-strip-socials {
	border-top: 1px solid #444;
	padding-top: 0.5em;
	margin-top: 0.5em;
	width: 100%;
	text-align: center;
}

.bottom-strip-up {
	display: none;
}

.bottom-strip-up, .bottom-strip-down {
	margin-bottom: 0em;
}

.bottom-strip-prev-next {
	padding-top: 1em;
	margin-bottom: -0.5em;
}

.bottom-strip-socials {
}

.bottom-strip-down {
}

.slideshow-prev, .slideshow-next {
	height: 1.5em;
	background-image: url(../img/prev.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	cursor: pointer;
	position: relative;
	width: 3em;
}

.slideshow-next {
	background-image: url(../img/next.png);
}

.slideshow-prev {
	width: 1.5em;
}

.slideshow-prev:hover {
	background-image: url(../img/prev_over.png);
}

.slideshow-next:hover {
	background-image: url(../img/next_over.png);
}

.up, .down, .zoom-in, .restart, .zoom-out, .shuffle {
	display: inline-block;
	width: 90%;
	height: 2em;
	background-image: url(../img/up.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.zoom-in {
	background-image: url(../img/zoom-in.png);
	display: inline-block;
	width: 2em;
	margin-right: 0.5em;
}

.zoom-out {
	background-image: url(../img/zoom-out.png);
	display: inline-block;
	width: 2em;
	margin-right: 0.5em;
}

.shuffle {
	background-image: url(../img/shuffle.png);
	display: inline-block;
	width: 2em;
	margin-right: 0.5em;
}

.restart {
	background-image: url(../img/restart.png);
	display: inline-block;
	width: 2em;
}

.down {
	background-image: url(../img/down.png);
	display: inline-block;
}

.zoom-in:hover {
	background-image: url(../img/zoom-in_over.png);
}

.shuffle:hover, .hovered {
	background-image: url(../img/shuffle_over.gif);
}

.restart:hover {
	background-image: url(../img/restart_over.png);
}

.zoom-out:hover {
	background-image: url(../img/zoom-out_over.png);
}

.up:hover {
	background-image: url(../img/up_over.png);
}

.down:hover {
	background-image: url(../img/down_over.png);
}

.social {
	display: inline-block;
	height: 2em;
	width: 4em;
	border-right: 1px solid #444;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	cursor: pointer;
}

.with-url {
	width: auto;
	height: auto;
	background-position: top;
	background-size: 2em;
	padding-right: 1em;
	padding-left: 1em;
	vertical-align: baseline;
	padding-top: 2em;
	border-right: 0;
}

.bottom-strip-socials a:last-child {
	border-right: 0;
	border-color: #444;
}

.socials:hover {
	opacity: 1;
}

.header-container {
	padding-top: 1em;
}

nav a, subnav a {
	font-family: TTNooks-Regular;
	padding-top: 0.4em;
	padding-bottom: 0em;
	font-size: 125%;
}

subnav a {
	font-size: 100%;	
}
	

nav li:last-child a {
	border-bottom: 0;
}

s.header-container {
	margin-bottom: 0.5em;
	padding-bottom: 0;
}

.cell, .cell-img {
	width: 100%;
	clear: both;
	text-align: left;
	vertical-align: top;
	cursor: pointer;
}

.cell-img {
	padding-bottom: 70%;
	background-size: cover;
	background-position: center;
}
.cell-img-square {
	padding-bottom: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom left;
}

.cell-img-az {
	padding-bottom: 68%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom left;
}

.cell-inside {
	margin-left: 0em;
	margin-right: 1em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #eee;
	margin-bottom: 1em;
}

.cell {
	display: inline-block;
	width: 50%;
	clear: none;
}
	
.cell.visible {
	display: inline-block;
}

.footer-container footer {
    color: white;
    padding: 20px 0;
}

h2 {
	padding-top: 0.5em;
	margin-bottom: 0.5em;
	font-size: 150%;
}

h2.RNat5A {
	margin-bottom: 0.3em;
}

#work h4 {
}

.prev-next-container {
	width: 100%;
	overflow: hidden;
	clear: both;
	text-align: left;
	font-size: 120%;
	padding-top:0.5em;
}

.prev-btn, .next-btn {
	width: 3em;
	position: relative;
	top: -0.25em;
	cursor: pointer;
	height: 1.5em;
	background-image: url(../img/prev.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
		display: inline-block;
}

.prev-btn {
	width: 2.25em;
	background-position: left;
}

.next-btn {
	background-image: url(../img/next.png);
}

.prev-btn:hover {
	background-image: url(../img/prev_over.png);
}

.next-btn:hover {
	background-image: url(../img/next_over.png);
}

.series-container {
	width: 80%;
	float: left;
}

.image-container {
	position: relative;
	margin-bottom: 1em;
	width: 100%;
}

.work-img, .event-img {
	border: 0;
	max-height: 80vh;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.event-img {
	max-height: 50vh;
	max-width: 600px;
	margin-top: 2em;
	margin-top: 0em;
}

.press-img {
	border: 0;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
}

.caption {
	margin-top: 1em;
}

.details, .text {
	margin-bottom: 1em;
}

.justify {
	text-align: justify;
}

.indent {
	padding-left: 1.5em;
	padding-right: 1.5em;
}

.video-wrapper {
	position: relative;
/*	padding-bottom: 56.25%;
	height: 0;
	max-height: 50vh;
	max-width: 35vh;
*/
	margin-bottom: 1em;
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-wrapper, .video-wrapper iframe, #tab-content-video {
	width: 800px;
	height: 450px;
}

.event-image-container {
	margin-bottom: 0.5em;
}

.event-img-wide {
	max-height: 50vh;
	max-width: 100%;
	border: 0;
}

.notice-container {
	width: 84vw;
	height: 84vh;
	position: absolute;
	top: 8vh;
	left: 8vw;
	background: rgba(255, 255, 255, 0.92);
	border-width: 1px;
	border-style: solid;
	border-color: #0099ff;
	z-index: 99999999;
        
}

.notice {
	position: relative;
	left: 2em;
	top: 2em;
	width: calc(100% - 4em);
	height: calc(100% - 4em);
}

@media only screen and (min-width: 768px) {

body {
	font-size: medium;
}

nav a, subnav a {
	font-family: TTNooks-Light;
	padding-top: 0.4em;
	padding-bottom: 0em;
	font-size: 120%;
}

.cell {
	width: 33%;
}
	
}

@media only screen and (min-width: 1000px) {
	
.cell {
	width: 25%;
}

	.small-print, .rn, .rn-number {
	font-size: 80%;
}


}

@media only screen and (min-width: 1280px) {
	
.cell {
	width: 20%;
}
	
}

@media only screen and (min-width: 1400px) {

	.cell {
	width: 16.66%;
}

}

@media only screen and (min-width: 1640px) {

	.cell {
	width: 14.1%;
}
	

}

/* ===============
    Any Width overrides
   =============== */

.show-all {
	display: block;
}

.do-not-show {
	display: none;
}

h2.nav-repeat {
	display: none;
}

.cell-wide, .cell-wide.cell {
	width: 100%;
	clear: both;
}

.listing a p, .listing a:link p, .listing a:active p, .listing a:visited p, .event-img-details, .cell a p, .cell a:link p, .cell a:active p, .cell a:visited p, .cell-timeline {
	font-weight: normal;
	font-family: 'TTNooks-Light', Georgia, Times New Roman;
	line-height: 1.1;
	margin-top: 0.5em;
	color: #444;
}

.event-img-details a, .event-img-details a:link, .event-img-details a:active, .event-img-details a:visited, h3.inline a, h3.inline a:link, h3.inline a:active, h3.inline a:visited, a.plain, a.plain:link, a.plain:active, a.plain:visited {
	font-weight: normal;
	font-family: 'TTNooks-Light', Georgia, Times New Roman;
	line-height: 1.1;
	color: #444;
}

a h3.superhead, a:link h3.superhead, a:active h3.superhead, a:visited h3.superhead {
	line-height: 1.1;
	color: #444;
}

.cell-timeline {
	margin-top: 0;
}

.listing:hover, .listing a:hover, .listing a:hover p, .event-img-details:hover, .event-image-details a:hover, .cell a:hover p, .cell-timeline:hover, .event-img-details a:hover, h3.inline a:hover, a:hover h3.superhead, a.plain:hover {
	color: #0099ff;
}

.half-width {
	width: 50%;
	margin-bottom: 0.5em;
}

.quarter-width {
	width: 25%;
	margin-bottom: 1em;
}

.tight p {
	line-height: 1.2;
}

.invisible {
	visibility: none;
}

.facebook {
	background-image: url('../img/facebook.png');
}
.facebook:hover {
	background-image: url('../img/facebook_over.png');
}
.twitter {
	background-image: url('../img/twitter.png');
}
.twitter:hover {
	background-image: url('../img/twitter_over.png');
}
.instagram {
	background-image: url('../img/instagram.png');
}
.instagram:hover {
	background-image: url('../img/instagram_over.png');
}
.pinterest {
	background-image: url('../img/pinterest.png');
}
.pinterest:hover {
	background-image: url('../img/pinterest_over.png');
}

no-widows {
	text-align: center;
}

.superseries {
	margin-top: 0.75em;
	font-family: 'TTNooks-Regular';
}

.non-wide-only .superseries {
	clear: both;
	display: block;
}

.instagram-img {
	width: 50%;
	margin: 0.25em;
}

.tweet {
	cursor: pointer;
}

.tweet:hover {
	color: #0099ff;
}

.retweet {
	height: 1em;
	width: 1em;
	background-image: url('../img/retweet.png');
	background-repeat: no-repeat;
	background-size: contain;
}

.with {
	margin-bottom: 0.5em;
	font-family: 'TTNooks-Light';
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* ==========================================================================
   MailChimp signup
   ========================================================================== */

fieldset {
	text-align: center;
	width: 100%;
	border: 0;
	border-image-width: 0;
}

label {
	 margin-top: 1em;
	 margin-bottom: 0.5em;
}

.mc-field-group {
	margin-top: 1em;
	margin-bottom: 1em;
}

.mc-field-group input {
	text-align: center;
	padding: 2%;
	border-radius: 0.5em;
}

#mc-embedded-subscribe {
	width: auto;
	border: 0;
	padding: 0.5em;
	font-family: 'TTNooks-Regular';
	font-size: medium;
}

form {
	text-align: center;
}

input {
font-family: 'TTNooks-Bold';
	font-size: medium;
	width: 100%;
}


/*location report */
.edition {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	border-top-style: dotted;
	border-top-width: 1px;
	margin-top: 0.75em;
	width: 100%;
}

.edition_head {
	margin-bottom: 0.5em;
	width: 100%;
}

.edition_name, .edition_highlight {
	font-weight: bold;
}

.edition_number, .edition_sold, .edition_storage, .edition_unavailable, .edition_available, .edition_reserved {
	font-weight: bold;
	background-color: #e0e0e0;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 2px;
	padding-bottom: 1px;
}

.edition_sold, a.edition_sold {
	background-color: #ff0033;
	color: #fff;
	margin-bottom: 0.25em; 
}

.edition_storage, a.edition_storage {
	background-color: transparent;
	color: #09f;
	margin-bottom: 0.25em; 
}

.edition_unavailable, a.edition_unavailable {
	background-color: transparent;
	color: #bbb;
	margin-bottom: 0.25em; 
}

.edition_available {
	background-color: transparent;
	margin-bottom: 0.25em; 
}

.edition_reserved, a.edition_reserved {
	background-color: transparent;
	color: #ff0033;
}

a:hover.edition_sold, a:hover.edition_storage, a:hover.edition_unavailable, a:hover.edition_reserved {
	background-color: #ccc;
	color: #000;
}

.location_cell {
	border-bottom-width: 1px;
	border-bottom-color: #ccc;
	border-bottom-style: solid;
	padding-bottom: 0.15em;
	padding-top: 0.35em;
	text-align: left;
}

td.location_cell {
	font-size: 80%;
}


/* ALPHABET PRINTS */

.az-char, .header-az-char, .az-space {
	display: inline-block;
}
.az-char, .header-az-char {
	-webkit-box-shadow: 3px 3px 8px 2px rgba(187,187,187,1);
	-moz-box-shadow: 3px 3px 8px 2px rgba(187,187,187,1);
	box-shadow: 3px 3px 8px 2px rgba(187,187,187,1);
	cursor:grab;
}

.az-return { 
	width: 1em; height: 1em; display: block;
}

.az-composer-container {
	width: 100%;
	margin-bottom: 1em;
	display: none;
}

.az-canvas-container {
	width: 100%;
	padding-top: 0.5em;
	padding-bottom: 0.75em;
	text-align: center;
	border-style: solid;
	border-color: #ccc;
	border-width: 0.75px;
	margin-bottom: 1em;
}

.az-controls {
	margin-top: 0.5em;
	margin-bottom: 0.75em;
}

.az-email-from {
	dislpay: table;
	vertical-align: middle;
	-webkit-user-modify: read-write;
    -moz-user-modify: read-write;
    user-modify: read-write;
	width: 80%;
	height: 1em;
	margin-left: 9.5%;
	margin-right: 9.5%;
	
	border-style: solid;
	border-color: #ccc;
	border-width: 1px;
	
	padding: 10px 10px 15px 10px;
	text-align: center;
	font-size: 125%;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color: #bbb;
	letter-spacing: 0.1em;
	line-height: 1.3;
	border-radius: 3px;
}

.az-email-from-container {
	margin-top: 0.75em;
	display: table;
	width: 100%;
}

.az-composer {
	dislpay: table;
	vertical-align: middle;
	-webkit-user-modify: read-write;
    -moz-user-modify: read-write;
    user-modify: read-write;
	width: 80%;
	margin-left: 9.5%;
	margin-right: 9.5%;
	
	border-style: solid;
	border-color: #ccc;
	border-width: 1px;
	
	padding: 10px;
	text-align: center;
	font-size: 200%;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color: #ddd;
	letter-spacing: 0.1em;
	line-height: 1.3;
	border-radius: 3px;
	text-transform: uppercase;
}

.az-composer-container {
	display: table;
	width: 100%;
}

.az-composer:focus, .az-composer-container:focus {
	outline: none;
}

.az-stripped, .az-ascii, .az-temp, .az-order, .az-submit {
	display: none;
	
}

.az-cost {
	font-size: 150%;
	font-weight: bold;
}

.az-vat {
	font-size: 60%;
	font-weight: normal;
}

.az-blurb {
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 120%;
}