/* START: mce-contents.css */


figure {
    margin: 0;
}

.mce-content-body {
    margin: 0;
    padding: 8px;
}

.critter-inline {
    max-width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
}

.critter-inline-file {
    position: relative;
}

.critter-inline-file .critter-inline-file-sizer {
    position: relative;
    width: 100%;
    height: 0px;

}

.critter-inline-file .critter-inline-file-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('/img/processing-wheel-17px-trans.gif');
    box-sizing: border-box;
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: center center;
    line-height: 0;
    overflow: hidden;
}

.critter-inline-file,
.critter-inline-file iframe,
.critter-inline-file video,
.critter-inline-file audio,
.critter-inline-file img,
.critter-inline-file > * {
    max-width: 100%;
    margin: 0;
    padding: 0;
    display: block;
    box-sizing: border-box;
}

.critter-inline-file-wrapper iframe,
.critter-inline-file-wrapper video,
.critter-inline-file-wrapper audio,
.critter-inline-file-wrapper img,
.critter-inline-file-wrapper > * {
    position: relative;
    height: 100%;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
}

.critter-inline-file-wrapper iframe,
.critter-inline-file-wrapper video,
.critter-inline-file-wrapper audio {
    height: 100%;
}


.critter-inline.align-justify .critter-inline-file-wrapper > * {
    width: 100%;
}


.align-left {
    float: left;
    margin-right: 15px;
    clear: left;
}

.align-right {
    float: right;
    margin-left: 15px;
    clear: right;
}

.align-center {
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

.align-justify {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    clear: both;
}

.pull-left {
    float: left;
    clear: left;
}

.pull-right {
    float: right;
    clear: right;
}

/* END: mce-contents.css */

/* START: mediaelementplayer.css */
/* Accessibility: hide screen reader texts (and prefer "top" for RTL languages).
Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-how/ */
.mejs__offscreen {
    border: 0;
    clip: rect( 1px, 1px, 1px, 1px );
    -webkit-clip-path: inset( 50% );
            clip-path: inset( 50% );
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal;
}

.mejs__container {
    background: #000;
    box-sizing: border-box;
    font-family: 'Helvetica', Arial, serif;
    position: relative;
    text-align: left;
    text-indent: 0;
    vertical-align: top;
}

.mejs__container * {
    box-sizing: border-box;
}

/* Hide native play button and control bar from iOS to favor plugin button */
.mejs__container video::-webkit-media-controls,
.mejs__container video::-webkit-media-controls-panel,
.mejs__container video::-webkit-media-controls-panel-container,
.mejs__container video::-webkit-media-controls-start-playback-button {
    -webkit-appearance: none;
    display: none !important;
}

.mejs__fill-container,
.mejs__fill-container .mejs__container {
    height: 100%;
    width: 100%;
}

.mejs__fill-container {
    background: transparent;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.mejs__container:focus {
    outline: none;
}

.mejs__iframe-overlay {
    height: 100%;
    position: absolute;
    width: 100%;
}

.mejs__embed,
.mejs__embed body {
    background: #000;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.mejs__fullscreen {
    overflow: hidden !important;
}

.mejs__container-fullscreen {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
}

.mejs__container-fullscreen .mejs__mediaelement,
.mejs__container-fullscreen video {
    height: 100% !important;
    width: 100% !important;
}

/* Start: LAYERS */
.mejs__background {
    left: 0;
    position: absolute;
    top: 0;
}

.mejs__mediaelement {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.mejs__poster {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1;
}

:root .mejs__poster-img {
    display: none;
}

.mejs__poster-img {
    border: 0;
    padding: 0;
}

.mejs__overlay {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
}

.mejs__layer {
    z-index: 1;
}

.mejs__overlay-play {
    cursor: pointer;
}

.mejs__overlay-button {
    background: url('mejs-controls.svg') no-repeat;
    background-position: 0 -39px;
    height: 80px;
    width: 80px;
}

.mejs__overlay:hover > .mejs__overlay-button {
    background-position: -80px -39px;
}

.mejs__overlay-loading {
    height: 80px;
    width: 80px;
}

.mejs__overlay-loading-bg-img {
    -webkit-animation: mejs__loading-spinner 1s linear infinite;
            animation: mejs__loading-spinner 1s linear infinite;
    background: transparent url('mejs-controls.svg') -160px -40px no-repeat;
    display: block;
    height: 80px;
    width: 80px;
    z-index: 1;
}

@-webkit-keyframes mejs__loading-spinner {
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes mejs__loading-spinner {
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

/* End: LAYERS */

/* Start: CONTROL BAR */
.mejs__controls {
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0 10px;
    position: absolute;
    width: 100%;
    z-index: 3;
}

.mejs__controls:not([style*='display: none']) {
    background: rgba(255, 0, 0, 0.7);
    background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.35));
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.35));
}

.mejs__button,
.mejs__time,
.mejs__time-rail {
    font-size: 10px;
    height: 40px;
    line-height: 10px;
    margin: 0;
    width: 32px;
}

.mejs__button > button {
    background: transparent url('mejs-controls.svg');
    border: 0;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    margin: 10px 6px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-decoration: none;
    width: 20px;
}

/* :focus for accessibility */
.mejs__button > button:focus {
    outline: dotted 1px #999;
}

.mejs__container-keyboard-inactive a,
.mejs__container-keyboard-inactive a:focus,
.mejs__container-keyboard-inactive button,
.mejs__container-keyboard-inactive button:focus,
.mejs__container-keyboard-inactive [role=slider],
.mejs__container-keyboard-inactive [role=slider]:focus {
    outline: 0;
}

/* End: CONTROL BAR */

/* Start: Time (Current / Duration) */
.mejs__time {
    box-sizing: content-box;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    height: 24px;
    overflow: hidden;
    padding: 16px 6px 0;
    text-align: center;
    width: auto;
}

/* End: Time (Current / Duration) */

/* Start: Play/Pause/Stop */
.mejs__play > button {
    background-position: 0 0;
}

.mejs__pause > button {
    background-position: -20px 0;
}

.mejs__replay > button {
    background-position: -160px 0;
}

/* End: Play/Pause/Stop */

/* Start: Progress Bar */
.mejs__time-rail {
    direction: ltr;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: 40px;
    margin: 0 10px;
    padding-top: 10px;
    position: relative;
}

.mejs__time-total,
.mejs__time-buffering,
.mejs__time-loaded,
.mejs__time-current,
.mejs__time-float,
.mejs__time-hovered,
.mejs__time-float-current,
.mejs__time-float-corner,
.mejs__time-marker {
    border-radius: 2px;
    cursor: pointer;
    display: block;
    height: 10px;
    position: absolute;
}

.mejs__time-total {
    background: rgba(255, 255, 255, 0.3);
    margin: 5px 0 0;
    width: 100%;
}

.mejs__time-buffering {
    -webkit-animation: buffering-stripes 2s linear infinite;
            animation: buffering-stripes 2s linear infinite;
    background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    background-size: 15px 15px;
    width: 100%;
}

@-webkit-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 30px 0;
    }
}

@keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 30px 0;
    }
}

.mejs__time-loaded {
    background: rgba(255, 255, 255, 0.3);
}

.mejs__time-current,
.mejs__time-handle-content {
    background: rgba(255, 255, 255, 0.9);
}

.mejs__time-hovered {
    background: rgba(255, 255, 255, 0.5);
    z-index: 10;
}

.mejs__time-hovered.negative {
    background: rgba(0, 0, 0, 0.2);
}

.mejs__time-current,
.mejs__time-buffering,
.mejs__time-loaded,
.mejs__time-hovered {
    left: 0;
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transition: 0.15s ease-in all;
    transition: 0.15s ease-in all;
    width: 100%;
}

.mejs__time-buffering {
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
}

.mejs__time-hovered {
    -webkit-transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
    transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
}

.mejs__time-hovered.no-hover {
    -webkit-transform: scaleX(0) !important;
        -ms-transform: scaleX(0) !important;
            transform: scaleX(0) !important;
}

.mejs__time-handle,
.mejs__time-handle-content {
    border: 4px solid transparent;
    cursor: pointer;
    left: 0;
    position: absolute;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    z-index: 11;
}

.mejs__time-handle-content {
    border: 4px solid rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    height: 10px;
    left: -7px;
    top: -4px;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    width: 10px;
}

.mejs__time-rail:hover .mejs__time-handle-content,
.mejs__time-rail .mejs__time-handle-content:focus,
.mejs__time-rail .mejs__time-handle-content:active {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.mejs__time-float {
    background: #eee;
    border: solid 1px #333;
    bottom: 100%;
    color: #111;
    display: none;
    height: 17px;
    margin-bottom: 9px;
    position: absolute;
    text-align: center;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 36px;
}

.mejs__time-float-current {
    display: block;
    left: 0;
    margin: 2px;
    text-align: center;
    width: 30px;
}

.mejs__time-float-corner {
    border: solid 5px #eee;
    border-color: #eee transparent transparent;
    border-radius: 0;
    display: block;
    height: 0;
    left: 50%;
    line-height: 0;
    position: absolute;
    top: 100%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 0;
}

.mejs__long-video .mejs__time-float {
    margin-left: -23px;
    width: 64px;
}

.mejs__long-video .mejs__time-float-current {
    width: 60px;
}

.mejs__broadcast {
    color: #fff;
    height: 10px;
    position: absolute;
    top: 15px;
    width: 100%;
}

/* End: Progress Bar */

/* Start: Fullscreen */
.mejs__fullscreen-button > button {
    background-position: -80px 0;
}

.mejs__unfullscreen > button {
    background-position: -100px 0;
}

/* End: Fullscreen */

/* Start: Mute/Volume */
.mejs__mute > button {
    background-position: -60px 0;
}

.mejs__unmute > button {
    background-position: -40px 0;
}

.mejs__volume-button {
    position: relative;
}

.mejs__volume-button > .mejs__volume-slider {
    -webkit-backface-visibility: hidden;
    background: rgba(50, 50, 50, 0.7);
    border-radius: 0;
    bottom: 100%;
    display: none;
    height: 115px;
    left: 50%;
    margin: 0;
    position: absolute;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 25px;
    z-index: 1;
}

.mejs__volume-button:hover {
    border-radius: 0 0 4px 4px;
}

.mejs__volume-total {
    background: rgba(255, 255, 255, 0.5);
    height: 100px;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 8px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 2px;
}

.mejs__volume-current {
    background: rgba(255, 255, 255, 0.9);
    left: 0;
    margin: 0;
    position: absolute;
    width: 100%;
}

.mejs__volume-handle {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 1px;
    cursor: ns-resize;
    height: 6px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 16px;
}

.mejs__horizontal-volume-slider {
    display: block;
    height: 36px;
    position: relative;
    vertical-align: middle;
    width: 56px;
}

.mejs__horizontal-volume-total {
    background: rgba(50, 50, 50, 0.8);
    border-radius: 2px;
    font-size: 1px;
    height: 8px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 16px;
    width: 50px;
}

.mejs__horizontal-volume-current {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 2px;
    font-size: 1px;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.mejs__horizontal-volume-handle {
    display: none;
}

/* End: Mute/Volume */

/* Start: Track (Captions and Chapters) */
.mejs__captions-button,
.mejs__chapters-button {
    position: relative;
}

.mejs__captions-button > button {
    background-position: -140px 0;
}

.mejs__chapters-button > button {
    background-position: -180px 0;
}

.mejs__captions-button > .mejs__captions-selector,
.mejs__chapters-button > .mejs__chapters-selector {
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    border-radius: 0;
    bottom: 100%;
    margin-right: -43px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 50%;
    visibility: visible;
    width: 86px;
}

.mejs__chapters-button > .mejs__chapters-selector {
    margin-right: -55px;
    width: 110px;
}

.mejs__captions-selector-list,
.mejs__chapters-selector-list {
    list-style-type: none !important;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.mejs__captions-selector-list-item,
.mejs__chapters-selector-list-item {
    color: #fff;
    cursor: pointer;
    display: block;
    list-style-type: none !important;
    margin: 0 0 6px;
    overflow: hidden;
    padding: 0;
}

.mejs__captions-selector-list-item:hover,
.mejs__chapters-selector-list-item:hover {
    background-color: rgb(200, 200, 200) !important;
    background-color: rgba(255, 255, 255, 0.4) !important;
}

.mejs__captions-selector-input,
.mejs__chapters-selector-input {
    clear: both;
    float: left;
    left: -1000px;
    margin: 3px 3px 0 5px;
    position: absolute;
}

.mejs__captions-selector-label,
.mejs__chapters-selector-label {
    cursor: pointer;
    float: left;
    font-size: 10px;
    line-height: 15px;
    padding: 4px 10px 0;
    width: 100%;
}

.mejs__captions-selected,
.mejs__chapters-selected {
    color: rgba(33, 248, 248, 1);
}

.mejs__captions-translations {
    font-size: 10px;
    margin: 0 0 5px;
}

.mejs__captions-layer {
    bottom: 0;
    color: #fff;
    font-size: 16px;
    left: 0;
    line-height: 20px;
    position: absolute;
    text-align: center;
}

.mejs__captions-layer a {
    color: #fff;
    text-decoration: underline;
}

.mejs__captions-layer[lang=ar] {
    font-size: 20px;
    font-weight: normal;
}

.mejs__captions-position {
    bottom: 15px;
    left: 0;
    position: absolute;
    width: 100%;
}

.mejs__captions-position-hover {
    bottom: 35px;
}

.mejs__captions-text,
.mejs__captions-text * {
    background: rgba(20, 20, 20, 0.5);
    box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5);
    padding: 0;
    white-space: pre-wrap;
}

.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container {
    display: none;
}

/* End: Track (Captions and Chapters) */

/* Start: Error */
.mejs__overlay-error {
    position: relative;
}
.mejs__overlay-error > img {
    left: 0;
    position: absolute;
    top: 0;
    z-index: -1;
}
.mejs__cannotplay,
.mejs__cannotplay a {
    color: #fff;
    font-size: 0.8em;
}

.mejs__cannotplay {
    position: relative;
}

.mejs__cannotplay p,
.mejs__cannotplay a {
    display: inline-block;
    padding: 0 15px;
    width: 100%;
}
/* End: Error */
/* END: mediaelementplayer.css */

/* START: critter-mediaelementplayer.css */
.mejs__overlay-button,
.mejs__overlay-loading-bg-img,
.mejs__button > button {
    background-image: url("/img/mejs-controls.svg");
}

/* END: critter-mediaelementplayer.css */

/* START: afterall.css */
/** reset.css from http://meyerweb.com/eric/tools/css/reset/ */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}



body {
    line-height: 1;
}

ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/** site styling main css */

@font-face {
    font-family: 'A2AfterallTypewriterLight';
    src: url('/fonts/A2AfterallTypewriterLight.eot');
    src: url('/fonts/A2AfterallTypewriterLight.eot?#iefix') format('embedded-opentype'),
         url('/fonts/A2AfterallTypewriterLight.woff2') format('woff2'),
         url('/fonts/A2AfterallTypewriterLight.woff') format('woff'),
         url('/fonts/A2AfterallTypewriterLight.ttf') format('truetype'),
         url('/fonts/A2AfterallTypewriterLight.svg#A2AfterallTypewriterLight') format('svg');
}



body {
    color: #464646;
    font-size: 80%;
    line-height: 125%;
    font-family: georgia, times, serif;
}

.site-wrapper {
    width: 1040px;
    margin: 0 auto 25px auto;
    padding: 0 10px 0 10px;
}

a
{
    color: #464646;
    text-decoration: none;
    outline: none;
}

a:hover
{
    text-decoration: underline;
}

p
{
    letter-spacing: -0.02pt;
    margin-bottom: 10px;
}

em
{
    font-style: italic;
}

strong
{
    font-weight: bold;
}

ol
{
    padding-left: 20px;
}

ol li
{
    padding-bottom: 5px;
}

p a,
.pages a,
.credits a,
.bounce a,
h3 a
{
    color: #2a8b9f;
}

img
{
    border: 0;
}

h1, h2, h3, h4, h5, h6
{
    font-weight: normal;
    font-size: 11pt;
    line-height: 14pt;
}

h1
{
    font-size: 13pt;
    line-height: 15pt;
}

h4
{
    font-size: 11pt;
    line-height: 12pt;
}

h5
{
    font-size: 11pt;
}

sup
{
    font-size: 85%;
    line-height: 90%;
    vertical-align: top;
}

sup a
{
    font-size: 85%;
    line-height: 90%;
    vertical-align: top;
}

label
{
    outline: none;
    font-family: georgia, times, serif;
    padding: 1px;
    display: block;
    float: left;
    margin-right: 10px;
    height: 20px;
}

input.text,
input.button,
select,
.tagged
{
    outline: none;
    font-family: georgia, times, serif;
    padding: 1px;
    font-size: 9pt;
    line-height: 10pt;
    display: block;
    float: left;
    margin-right: 10px;
    height: 20px;
}



select
{
    padding: 0;
}

textarea.text, input.text {     font-family: georgia, times, serif; margin: 0 10px 0 5px; line-height: 18px; width: 100px; border: 1px solid #b0b0b0; padding: 1px 5px 0 5px; }
input.text { height: 18px; }
input.button { display: block; clear: none; height: 20px; line-height: 12px; vertical-align: middle; padding: 0 8px 0 8px;}


fieldset
{
    display: block;
}

fieldset .legend
{
    float: left;
    display: block;
}
/* generic classes */

.textsize a
{
    color: #2a89bf;
    padding: 1px 2px 0 2px;
}

.textsize a.current
{
    background: #d7fbff;
}

.textsize .small
{
    font-size: 16px;
}

.textsize .medium
{
    font-size: 19.2px;
}

.textsize .large
{
    font-size: 22.4px;
}

.rule
{
    padding-bottom: 10px;
    border-bottom: 1px solid #b0b0b0;
    margin-bottom: 10px;
}

p.tags
{
    color: #b0b0b0;
}

/** pull quote **/

.pullquote
{
    margin-bottom: 3px;
    border-bottom: 1px solid #b0b0b0;
    max-width: 50%;
}

.pullquote q
{
    display: block;
    font-size: 16px;
    line-height: 20px;
}

.pullquote q:before
{
    content: "\2018";
}

.pullquote q:after
{
    content: "\2019";
}

.pullquote cite
{
    display: block;
    color: #b0b0b0;
}

p .pullquote
{
    margin-top: 6px;
}

blockquote {
    margin: 0 2em 0.25em 2em;
    font-style: italic;
}

blockquote.pullquote
{
    font-style: normal;
}

/** inline object **/


figure.inline
{
    display: block;
}

.inline img
{
    margin: 0;
}

.leftAlign,
.inline.left,
.align_left
{
    margin: 3px 10px 3px 0;
}

.inline.clear
{
  display: block;
  float: none;
  clear: both;
}

.rightAlign,
.inline.right,
.align_right
{
    margin: 3px 0 3px 10px;

}

figcaption,
.inline figcaption,
.inline .caption
{
    color: #b0b0b0;
    font-style: italic;
    display: block;
    position: relative;
    border-bottom: 1px solid #d2d2d2;
}

figcaption p:last-child,
.inline figcaption p:last-child,
.inline .caption p:last-child {
    margin-bottom: 0;
}

.leftAlign,
span.left,
.align_left
{
    float: left;
    margin-right: 10px;
}

.rightAlign,
span.right,
.align_right
{
    float: right;
    margin-left: 10px;
}

.centerAlign,
span.center
{
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    clear: both;
}

span.center q,
span.center cite
{
    display: block;
    clear: both;
}

/** navigation */

ul.navigation
{
    margin: 0;
    padding: 0;
    overflow: hidden;
}

ul.navigation li
{
    display: block;
}

/** header */

#head
{
    position: relative;
    top: 0;
    left: 0;
    height: 120px;
    width: 850px;
}



#navigation1
{
    position: absolute;
    width: 850px;
    top: 51px;
    left: 0;
}

#navigation1 h2
{
    position: relative;
    font-size: 30pt;
    line-height: 37pt;
    margin: 0;
    padding: 0;
}

#navigation1 h2 a span
{
    display: none;
}

#navigation1 li
{
    display: block;
    float: left;
}

#NIhome a
{
    display: block;
    width: 155px;
    height: 48px;
    clear: none;
    float: left;
    background-image: url('/img/afterall.gif');
}


#NIonline a
{
    display: block;
    width: 180px;
    height: 48px;
    float: left;
    background-image: url('/img/online.gif');
}

#NIonline a:hover,
#NIonline.current  a
{
    background-image: url('/img/online-over.gif');
}

#NIjournal a
{
    display: block;
    width: 190px;
    height: 48px;
    float: left;
    background-image: url('/img/journal.gif');
}


#NIjournal a:hover,
#NIjournal.current a
{
    background-image: url('/img/journal-over.gif');
}

#NIbooks a
{
    display: block;
    width: 160px;
    height: 48px;
    float: left;
    background-image: url('/img/books.gif');
}

#NIbooks a:hover,
#NIbooks.current  a
{
    background-image: url('/img/books-over.gif');
}


#NIevents a { display: block; width: 165px; height: 48px; float: left; background-image: url('/img/events.gif'); }
#NIevents a:hover, #NIevents.current  a {    background-image: url('/img/events-over.gif'); }


#head #navigation2
{
    top: 15px;
    position: absolute;
    right: 0;
    font-size: 100%;
}

#navigation2 ul
{
    position: absolute;
    right: 0;
    display: block;
}

#navigation3 {
    font-size: 100%;
}

#navigation2 li,
#navigation3 li
{
    position: relative;
    display: block;
    float: left;
    padding-left: 14px;
    line-height: 16px;
    height: 16px;
    background-image: url('/img/navi-bullet-464646.gif');
    background-position: 2px center;
    background-repeat: no-repeat;
}

#navigation2 li.first
{
    background: none;
}


#NIsearch form { display: block; position: relative; margin: 0; padding: 0; height: 16px; }
#NIsearch label { line-height: 16px; height: 16px; margin: 0; padding: 0; }
#NIsearch input { position: relative; display: block; border: 1px solid #b0b0b0; padding: 1px; font-size: 8pt; line-height: 10pt; float: left; }
#NIsearch input.text { margin: 0 5px 0 5px; height: 10pt; width: 100px; }
#NIsearch input.button { background: none; border: 1px solid #b0b0b0; padding: 0 5px 0 5px; height: 13pt; margin: 0; }


#navigationUser
{
    position: absolute;
    right: 0;
    bottom: 8px;
    line-height: 12pt;
    font-size: 9pt;
    z-index: 5;
}

#navigationUser form {
    display: inline;
}

.button__text {
    display: inherit;
    position: inherit;
    border: none;
    background: none;
    font: inherit;
    text-align: inherit;
    text-shadow: inherit;
    white-space: inherit;
    color: #2a8b9f;
    padding: 0;
}

#navigationUser a
{
    color: #2a8b9f;
}

/** section navigation */

.sectionHead
{
    position: relative;
    display: block;
    width: 850px;
    padding-bottom: 10px;
    border-bottom: 1px solid #b0b0b0;
    margin-bottom: 20px;
    color: #b0b0b0;
    font-size: 12pt;
    height: 1em;
}

.sectionHead li
{
    float: left;
    padding-left: 14px;
    background-image: url('/img/navi-bullet-b0b0b0.gif');
    background-position: 2px center;
    background-repeat: no-repeat;
}

.sectionHead li a
{
    color: #b0b0b0;
}

.sectionHead li.first
{
    padding-left: 0;
    background: none;
}

.sectionHead li.current,
.sectionHead li.current a
{
    color: #464646;
}

/** page numbering */

.pages
{
    text-align: right;
    padding-bottom: 3px;
    white-space: nowrap;
}

.pages ul
{
    display: inline;
    margin: 0 3px 0 3px;
}

.pages ul li
{
    display: inline;
    padding: 0;
}

nav.pages a,
.pages ul li a
{
    color: #b0b0b0;
}

nav.pages a
{
    padding: 0 6px 0 6px;
}

nav.pages a.current,
.pages ul li.current a
{
  color: #464646;
}

.page .container .pages .pageNumbers ul
{
  margin-left: 0;
}

.pages a.previous
{
    background-image: url('/img/arrow-previous-ffffff.gif');
    background-repeat: no-repeat;
    padding-left: 16px;
    color: #2a8b9f;
}

.pages a.next
{
    background-image: url('/img/arrow-next-ffffff.gif');
    background-repeat: no-repeat;
    background-position: top right;
    padding-right: 16px;
    margin-right: 2px;
    color: #2a8b9f;
}

/** footer */

#foot
{
    clear: both;
    width: 850px;
    position: relative;
    margin-top: 50px;
    border-bottom: 1px solid #b0b0b0;
    padding-bottom: 5px;
}


#foot img
{
    position: absolute;
    left: 0;
    bottom: 6px;
}

#foot ul.level3
{
    bottom: 3px;
    left: 80px;
    position: absolute;
}

#foot ul.level3 a
{
    position: relative;
    bottom: 0;
}

#foot .functions
{
    position: absolute;
    right: 0;
    bottom: 3px;
    color: #b0b0b0;
}

#foot .credits
{
    position: absolute;
    top: 10px;
    right: 0;
    color: #b0b0b0;
    font-size: 7pt;
    text-transform: uppercase;
    text-align: right;
    margin-right: 0;
}

/** contents stylings */

.contents
{
    position: relative;
}

.contents>h1,
.contents>h2,
.contents>h3,
.contents>h4,
.contents>.h1,
.contents>.h2,
.contents>.h3,
.contents>.h4,
.head>h1,
.head>h2,
.head>h3,
.head>h4
{
    font-size: 16pt;
    line-height: 16pt;
    font-weight: normal;
}


.contents>h5
{
    color: #b0b0b0;
    margin-top: 5px;
    margin-bottom: -10px;
}

.contents>h5 a
{
    color: #b0b0b0;
}

.contents>h2,
.contents>h4,
.contents>.h2,
.contents>.h4,
.head>h2,
.head>h4
{
    color: #b0b0b0;
}


.title>h2
{
    color: #464646;
    margin-bottom: 10px;
}



/** container stylings */

.container
{
    position: relative;
}

/** page standard format */

.page .contents
{
    position: relative;
    width: 850px;
    clear: both;
}

.page .contents .footnotes
{
    border-top: 1px solid #b0b0b0;
    padding-top: 10px;
}

.page .contents .footnotes h5
{
    font-size: 10pt;
    color: #838383;
}

.page .contents .footnotes ol
{
    color: #838383;
}

.page .contents .footnotes ol li
{
    margin-bottom: 0;
    padding-bottom: 0;
}

.page .contents .footnotes ol li p
{
    margin-bottom: 5px;
}

.page .contents .head
{
    display: block;
    padding-bottom: 7px;
    border-bottom: 1px solid #b0b0b0;
    margin-bottom: 10px;
    min-height: 35px;
}

.page .container
{
    position: relative;
    float: left;
    border: 4px solid #e6e6e6;
    padding: 26px;
    width: 530px;
    /* overflow: hidden; */
}

.wide .container
{
  width: 850px;
}

.page .container h1
{
    font-size: 16pt;
    padding-bottom: 20px;
    border-bottom: 1px solid #b0b0b0;
    margin-bottom: 10px;
}

.page .container ul.navigation
{
    font-size: 16pt;
    line-height: 18pt;
    padding-bottom: 20px;
    border-bottom: 1px solid #b0b0b0;
    margin-bottom: 10px;
    padding-left: 0;
    margin-left: 0;
}

.page .container ul.navigation li
{
    display: inline;
    background-image: url('/img/navi-bullet-b0b0b0.gif');
    background-position: 0 center;
    background-repeat: no-repeat;
    padding-left: 15px;
}

.page .container ul.navigation li.first,
ul.navigation li:first-child
{
    background-image: none;
    padding-left: 0;
}

.page .container ul.navigation li a
{
    color: #b0b0b0;
}

.page .container ul.navigation li.current a
{
    color: #464646;
}




.page .container h2,
.page .container h3
{
    font-size: 12pt;
    margin-bottom: 16pt;
}

.page .container h3
{
    color: #b0b0b0;
    margin-bottom: 10px;
    padding-top: 10px;
}

.page .container h4,
.page .container h5
{
    font-size: 10pt;
    color: #b0b0b0;
}

.page .container h4
{
    margin-bottom: 9pt;
}

.page .container h5
{
    margin-bottom: 0;
}

.page .container p
{
    line-height: 1.5em;
}

.page .container ul
{
    list-style: disc;
    margin-left: 15px;
    margin-bottom: 5px;
}


.page .secondary
{
    position: relative;
    display: block;
    float: left;
    width: 220px;
    margin-left: 40px;
}

.page .related
{
    float: left;
    width: 180px;
    padding: 20px;
    margin-left: 38px;
    border: 1px solid #d2d2d2;
    background: #f0f0f0;
}

.page .related .block
{
    padding-top: 10px;
    border-bottom: 1px solid #b0b0b0;
}

.page .related h3
{
    font-size: 11pt;
    border-bottom: 1px solid #b0b0b0;
}

.page .related h4
{
    font-size: 11pt;
    color: #2a8b9f;
    margin-bottom: 5px;
}
.page .related h5
{
    font-size: 11pt;
    margin-bottom: 5px;
}

.page .related .more
{
    text-align: right;
}

.page .related .link
{
    margin-top: 5px;
}

.page .contents form { clear: both; display: block;}
.page .contents form label { display: block; clear: both; float: none;}
.page .contents form input.text,
.page .contents form input[type="email"],
.page .contents form input[type="text"],
.page .contents form input[type="password"],
.page .contents form textarea {
    font: inherit;
    border: 1px solid #2a8b9f;
    padding: 1px;
    font-size: 8pt;
    line-height: 8pt;
    height: 15pt;
    padding-left: 4px;
    display: block;
    min-width: 150px;
    margin: 0 10px 0 0;
}
.page .contents form input.button,
.page .contents form .form__button {
    font: inherit;
    line-height: inherit;
    width: 80px;
    background: none;
    background-color: #2a8b9f;
    color: #ffffff;
    border: 1px solid #2a8b9f;
    padding: 0 5px 0 5px;
    height: 15pt;
    margin: 0;
    white-space: inherit;
}
.page .contents form input.hidden { display: none; }

.page .contents form .form__field_group-checkbox label {
    display: inline;
    margin-right: 0;
}

.hidden,
.form-hidden {
    display: none;
}

.page .container .media
{
    margin: 0 auto 0 auto;
    font-style: italic;
    border-bottom: 1px solid #b0b0b0;
    margin-bottom: 10px;
    color: #464646;
}

/*
.page .container .media p
{
    font-style: italic;
}
*/

.page .container .media h4
{
    color: #838383;
    margin-bottom: 5px;
    line-height: 10pt;
}

/*
.page .container .media em
{
    font-style: normal;
}
*/

.page .container .media img
{
    margin-bottom: 5px;

}

.page .container .logos
{
    border-top: 1px solid #b0b0b0;
    position: relative;
    display: block;
    width: 100%;
    margin-top: 20px;
    padding-top: 20px;
}


.page .body img
{
    margin: 10px;
}

.page .body figure img,
.page .body .inline img
{
    margin: 0;
}

.page div.gate
{
    border: 1px solid #d2d2d2;
    background: #f0f0f0;
    padding: 30px 26px 0 26px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.page div.gate .column
{
    width: 120px;
}

.page div.gate h2
{
    padding-bottom: 10px;
    border-bottom:  1px solid #838383;
    margin-bottom: 10px;
}

.page div.gate h3
{
    color: #464646;
    margin-bottom: 5px;
}

.page div.gate input.text
{
    clear: both;
    float: none;
    border: 1px solid #d2d2d2;
}

.page div.gate input.button
{
    height: 15pt;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.page .container p.author
{
    text-align: right;
    font-style: italic;
}

/** picture essay **/

.pictureessay .container .media
{
    border: 0;
    font-style: normal;
    margin-bottom: 10px;
    color: #464646;
    /*
        WHITE BOX STYLING
        background: #ffffff;
        margin-left: -10px;
        width: 526px;
        padding: 10px 22px 10px 10px;
    */
}

.pictureessay .container  p.pages
{
    text-align: center;
}

.pictureessay .container .media dd
{
    margin-top: 10px;
}

.pictureessay .container .media img
{
    margin: 10px 0 0 0;
}

.pictureessay .container p.pages a
{
    padding: 0 1px 0 1px;
}

.pictureessay .container p.pages a.current
{
    text-decoration: underline;
    color: #464646;
}

.pictureessay .container .media h3
{
    color: #464646;
    padding: 0;
    margin: 0;
}

.pictureessay .container .body
{
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #b0b0b0;
}



section.picture_essay
{
    width: 700px;
    position: relative;
    display: block;
    clear: both;
    margin-bottom: 20px;
    border-bottom: 1px solid #b0b0b0;
}

section.picture_essay .background
{
    position: absolute;
    background: #000000;
    width: 700px;
    height: 570px;
}

section.picture_essay nav.pages
{
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}

section.picture_essay nav.pages ul
{
    list-style: none;
    margin-left: 2px;
    display: inline-block;
    float: none;
}

section.picture_essay nav.pages ul li
{
    display: inline-block;
    float: none;
}

section.picture_essay .frames
{
    width: 700px;
    text-align: center;
    margin: 10px 20px 10px 20px;
}



section.picture_essay .frames .frame
{
    width: 660px;
}

section.picture_essay .frames .padder
{
    position: relative;
    display: block;
    width: 660px;
    height: 560px;
    text-align: center;
    background-color: #000000;
}

section.picture_essay .slides .padder {
    height: 550px;
}


section.picture_essay .frames .padder video
{
    position: relative;
}


section.picture_essay .frames .padder>div
{
    margin: 0 auto 0 auto;
    position: relative;
    display: inline-block;
}


section.picture_essay .frames .padder img
{
    margin: 0 auto 0 auto;
    position: relative;
    display: inline-block;
}

section.picture_essay .frames .frame figcaption
{
    margin-top: 15px;
    font-style: italic;
    color: #b0b0b0;
    margin-left: -20px;
    max-width: 700px;
}



section.picture_essay figcaption,
#online.essay .picture_essay figcaption
{
    width: 700px;
}

section.picture_essay figcaption p:last-child,
#online.essay figcaption p:lasst-child
{
    margin-bottom: 0;
}

#online.essay .picture_essay figcaption h4
{
    width: 700px;
    line-height: 20px;
    margin-bottom: 10px;
}

section.picture_essay figcaption div,
#online.essay .picture_essay figcaption div
{
    width: 700px;
}

#online.essay section.picture_essay figcaption p
{
    width: auto;
    max-width: 700px;
    font-size: 11pt;
    line-height: 1.6em;
}

#online.essay section.picture_essay figcaption p:last-child,
#online.essay section.picture_essay figcaption h4:last-child
{
    margin-bottom: 0px;
}

section.picture_essay nav.pages
{
    position: relative;
    top: -5px;
    margin: 0px auto 0px auto;
    white-space: nowrap;
}

/** features callout */

#features
{
    position: relative;
    width: 700px;
    height: 350px;
    background-color: #f0f0f0;
    margin-bottom: 20px;
    clear: both;
}

#features.attractor
{
    background-color: #d1faff;
}

#features.attractor .frames
{
    position: relative;
    width: 850px;
    height: 350px;
}

#features .frame
{
    position: absolute;
    width: 850px;
    height: 350px;
    overflow: hidden;
    top: 0;
    left: 0;
    clear: both;
}

#features.attractor .frame
{
    display: none;
}

#features .frame .details
{
    position: absolute;
    top: 0;
    left: 505px;
    width: 180px;
    background-color: #d1faff;
    padding: 10px 20px 0 20px;
    font-size: 10pt;
}

#features .frame .details h2
{
    color: #2a8b9f;
    font-size: 16pt;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #7bb9c5;
    margin-bottom: 10px;
}

#features .frame .details h3,
#features .frame .details h4
{
    color: #464646;
    font-size: 16pt;
    line-height: 16pt;
    margin-top: 20px;
    padding: 0;
    margin: 0;
}

#features .frame .details h2 a
{
    color: #2a8b9f;
}

#features .frame .details h3 a
{
    color: #464646;
}

#features .frame .details p
{
    margin-top: 10px;
}

#features .frame .details p.links
{
    margin-top: 10px;
    border-top: 1px solid #7bb9c5;
    padding-top: 10px;
}

#features .frame .details .rule
{
    border-color: #7bb9c5;
    padding-top: 10px;
}

#features .pages
{
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    line-height: 25px;
    height: 25px;
    z-index: 1000;
    overflow: hidden;
}

#features .pages a
{
    color: #2a8b9f;
}

#features .pages .pagenumbers
{
    margin: 0px -2px 0px -2px;
    padding: 0px 2px 0px 2px;
    background-color: #d1faff;
    display: inline-block;
    float: left;
}

#features .pages li
{
    display: block;
    float: left;
    background: #d1faff;
    line-height: 25px;
    height: 25px;
    margin: 0;
    padding: 0 2px 0 2px;
    height: 25px;
}


#features .pages .activeSlide a
{
    border-bottom: 1px solid #2a8b9f;
}

#features .pages .current
{
    background-color: #d1faff;
}

#features.attractor .pages ul
{
    margin: 0;
}

#features.attractor .pages a.previous
{
    display: block;
    float: left;
    width: 23px;
    height: 26px;
    padding-left: 0px;
    background-image: url('/img/attractor-previous.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    text-indent: 1000px;
    overflow: hidden;
}


#features.attractor .pages a.next
{
    display: block;
    float: left;
    width: 23px;
    height: 26px;
    background-image: url('/img/attractor-next.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    text-indent: 1000px;
    overflow: hidden;
}



/** share **/

div.share
{
    position: absolute;
    right: 10px;
    top: 26px;
}

a.print
{
    display: block;
    width: 50px;
    height: 20px;
    line-height: 20px;
    background-image: url('/img/print-icon-e8fdff-20px.gif');
    background-repeat: no-repeat;
    padding-left: 23px;
    margin: 0;
    color: #2a8b9f;
}

div.share div.poparea
{
    position: absolute;
    right: 0;
    top: 20px;
    width: 73px;
    height: 20px;
    overflow: hidden;
}

div.share a.share
{
    width: 50px;
    height: 20px;
    line-height: 20px;
    background-image: url('/img/share-icon-e8fdff-20px.gif');
    background-position: 0 -2px;
    background-repeat: no-repeat;
    padding-left: 23px;
    color: #2a8b9f;
}

div.share div.poparea:hover
{
    overflow: visible;
}

div.share input
{
    float: none;
}

div.share input.button
{
    clear: both;
}

.contents div.share label
{
    line-height: 14px;
    height: 14px;
}

.contents div.share input.text,
.contents div.share textarea.text
{
    display: block;
    clear: both;
    float: none;
    width: 176px;
    border: 1px solid #d2d2d2;
    margin-bottom: 10px;
}


.contents div.share textarea.text
{
    height: 107px;
}


.contents div.share h5
{
    font-size: 16pt;
    line-height: 16pt;
    color: #464646;
    font-weight: normal;
    padding-bottom: 10px;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 10px;
}


div.share div.popup div.tag
{
    position: absolute;
    display: block;
    left: 216px;
    top: 15px;
    width: 39px;
    height: 50px;
    background-image: url('/img/arrow-tag-f0f0f0-hard-stroke.gif');
    background-repeat: no-repeat;
}

div.share div.popup
{
    position: absolute;
    left: -256px;
    top: -30px;
    width: 255px;
    height: auto;
}

div.share div.popup div.block
{
    display: block;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 10px;
    padding-bottom: 10px;
}


div.share div.popup div.box
{
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    width: 180px;
    background: #f0f0f0;
    border: 1px solid #d2d2d2;
}

div.share div.popup .link p
{
    margin-bottom: 0;
}

div.share div.popup .box ul
{
    list-style: none;
    margin: 0;
    padding: 0 0 5px 0;
}

div.share div.popup .box ul li
{
    list-style: none;
    padding-bottom: 5px;
}

a.sharelink
{
    position: relative;
    padding-left: 25px;
    max-height: 30px;
    background-image: url('/img/share-icons-16px.png');
    background-repeat: no-repeat;
}

a.facebook
{
    background-position: 0 0;
}

a.twitter
{
    background-position: 0 -32px;
}

a.digg
{
    background-position: 0 -64px;
}

a.linkedin
{
    background-position: 0 -96px;

}

a.friendfeed
{
    background-position: 0 -128px;

}

a.myspace
{
    background-position: 0 -160px;

}

a.mixx
{
    background-position: 0 -192px;

}

a.reddit
{
    background-position: 0 -224px;

}

a.delicious
{
    background-position: 0 -256px;

}

a.stumbleupon
{
    background-position: 0 -288px;

}

a.technorati
{
    background-position: 0 -320px;

}

/** about page */

#about h3
{
    margin-bottom: 0;
}


/** support page */

#support blockquote { font-size: 16pt; margin: 0 0 0.25em 0; font-style: italic; }

/** newsletter page */

#newsletter form p
{
    clear: both;
}

#mc_embed_signup.mailchimp-signup  div.mce_inline_error {
    margin: 10px 0;
    color: #990505;
    background: none;
    padding: 0;
}

.mailchimp-signup .response {
    margin: 10px 0;
    font-weight: bold;
    color: #2a8b9f;
}

/** section standard format */

.section .contents
{
    width: 828px;
    padding: 20px 10px 10px 10px;
    border: 1px solid #d2d2d2;
    background: #f0f0f0;
}

.section .container
{
    margin-top: 20px;
    width: 808px;
    padding: 10px 10px 1px 10px;
    background: #ffffff;
}


/** Journal */

.section .contents>h1,
.section .contents>h2,
.section .contents>h4,
.section .contents>h5
{
    margin-left: 10px;
}

.section .contents>h2
{
    color: #b0b0b0;
}

/** online */

#online.section>h4
{
    color: #b0b0b0;
    width: 850px;
    padding-bottom: 10px;
    border-bottom: 1px solid #b0b0b0;
    margin-bottom: 18px;
}

#online.section .contents>h1,
#online.section .contents>h5
{
    margin-left: 10px;
    width: 580px;
}


#online.section .container .head
{
    margin-left: -30px;
    margin-bottom: 20px;
}

#online.section .container
{
    padding: 20px 40px 10px 40px;
    width: 750px;
}

#online.section .pageTurn
{
    right: -33px;
}

#online.section .essay
{
    position: relative;
    width: 180px;
    height: 190px;
    border-bottom: 1px solid #f0f0f0;
    margin: 0 10px 10px 0;
    float: left;
    z-index: 10000;
}

#online.section .essay:hover
{
    z-index: 50000;
}

#online.section .right
{
    margin-right: 0;
}

#online.section .essay a.imagecrop
{
    position: relative;
    display: block;
    width: 180px;
    height: 120px;
    overflow: hidden;
    margin-bottom: 5px;
}

#online.section .essay img,
#online.section .essay .imgplaceholder
{
    position: relative;
    display: block;
    background: #f0f0f0;
    color:  #f0f0f0;
}

#online.section .essay .imgplaceholder
{
    width: 180px;
    height: 120px;
}

#online.section .essay .caption
{
    position: relative;
    display: block;
    width: 180px;
    height: 65px;
    overflow: hidden;
}

#online.section .essay .caption h2,
#online.section .essay .caption h3
{
    overflow: hidden;
    font-size: 10pt;
    line-height: 12pt;
    margin: 0;
    padding: 0;
}

#online.section .essay .caption h3
{
    color: #b0b0b0;
}

#online.section  .date
{
    color: #b0b0b0;
    font-size: 9pt;
}

#online.section .essay .details
{
    background: #d7fbff;
    position: absolute;
    z-index: 10;
    top: 40px;
    width: 175px;
    left: -125px;
    padding: 10px;
    z-index: 100;
    display: none;
}

#online.section .essay .details .tag
{
    position: absolute;
    left: 195px;
    top: 10px;
    width: 30px;
    height: 45px;
    background-image: url('/img/online/archive-tag.png');
    background-repeat: no-repeat;
}

#online.section .essay:hover .details
{
    display: block;
}

#online.section .container .left .details
{
    left: 100px;
}

#online.section .container .left .details .tag
{
    left: -30px;
    background-image: url('/img/online/archive-tag-left.png');
}

#online.section .contents
{
    position: relative;
    z-index: 100;
}


#online.section .details h2
{
    margin-top: 0;
    color: #464646;
    margin: 0;
    padding: 0;
    border: 0;
}

#online.section  .details h2 a
{
    color: #464646;
}

#online.section .details h3
{
    margin-top: 0;
    color: #b0b0b0;
    font-size: 11pt;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #7bb9c5;
}

#online.section .details p.links
{
    margin-top: 10px;
    border-top: 1px solid #7bb9c5;
    padding-top: 10px;
}


    figure,
    figcaption
    {
        margin: 0;
        padding: 0;
    }

    #online .attractor {
        position: relative;
        width: 850px;
        height: 350px;
        overflow: hidden;
        margin-bottom: 12px;
        font-size: 11pt;
        line-height: 14pt;
    }

    #online .attractor>a
    {
        display: block;
    }


    #online .attractor article
    {
        position: relative;
        overflow: hidden;
        width: 850px;
        height: 350px;
    }

    #online .attractor article .image
    {
        position: absolute;
        top: 0;
        width: 540px;
        left: 0;
    }


    #online .attractor article .abstract
    {
        position: absolute;
        left: 340px;
        z-index: 2;
        bottom: 0;
        color: #ffffff;
        width: 500px;
        padding: 5px;
    }

    #online .attractor article .abstract .background
    {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #000000;
        opacity: 0.5;
        z-index: -1;
    }

    #online .attractor article .abstract .foreground
    {

        opacity: 1;
        color: #ffffff;
    }

    #online .attractor article .abstract p
    {
        margin: 0;
    }

    #online.section .attractor article .details h3
    {
        border-bottom: 1px solid #ffffff;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }

    #online.section .attractor article .details h1
    {
        font-size: 16pt;
        line-height: 19pt;
        max-width: 480px;
    }


    #online.section .attractor article .details h2
    {
        color: #999999;
    }


    #online .attractor article:hover .abstract
    {
    }

    #online .attractor article.frame1
    {
        z-index: 5;
    }

    #online .attractor article.frame2
    {
        z-index: 4;
    }

    #online .attractor article.frame3
    {
        z-index: 3;
    }

    #online .attractor article.frame4
    {
        z-index: 2;
    }


    #online .attractor article .details p
    {
        display: none;
    }

    #online .attractor article.frame2 .details,
    #online .attractor article.frame2 .marker
    {
        top: 88px;
    }

    #online .attractor article.frame3 .details,
    #online .attractor article.frame3 .marker
    {
        top: 176px;
    }

    #online .attractor article.frame4 .details,
    #online .attractor article.frame4 .marker
    {
        top: 264px;
    }

    #online .attractor a:hover
    {
        text-decoration: none;
    }

    #online .attractor article:hover
    {
        z-index: 100;
    }

    #online .attractor article.current .details
    {
        background-color: #d7fbff;
    }

    #online .attractor:hover article.current .details
    {
        background-color: #ffffff;
    }

    #online .attractor:hover article.current:hover .details,
    #online .attractor article:hover .details
    {
        background-color: #d7fbff;
    }


    #online .attractor article.current .marker,
    #online .attractor article:hover .marker
    {
        display: block;
    }

    #online .attractor article header
    {
        margin-bottom: 12px;
    }

    #online .attractor:hover article.current .details
    {
        background-color: #ffffff;
    }



    #online .features
    {
        width: 920px;
        margin-left: -15px;
    }

    #online .features .column
    {
        width: 272px;
        padding-right: 5px;
        border-right: 1px solid #dddddd;
        float: left;
        padding-left: 15px;
    }

    #online .features .column3
    {
        padding-left: 15px;
        width: 884px;
        border-right: 0px;
    }

    #online .features .column3 article
    {
        margin-right: 25px;
    }


    #online .features .details header
    {
        width: 251px;
    }

    #online .features .right
    {
        border-left: 1px solid #dddddd;
        margin-left: -1px;
        border-right: 0;
    }

    #online .features h1
    {
        max-width: 100%;
    }

    #online .features section>header
    {
        height: 25px;
    }

    #online .features section>header h1
    {
        font-size: 16px;
    }

    #online .features section h1
    {
        max-width: 260px;
    }

    #online .features article
    {
        width: 271px;
        height: 243px;
        margin-top: -7px;
        padding-top: 7px;
        margin-left: -7px;
        padding-right: 5px;
        margin-right: -5px;
        margin-bottom: 12px;
        float: left;
        overflow: hidden;
        position: relative;
        background: #ffffff;
    }


    #online .features article header
    {
        position: relative;
        margin-top: 5px;
    }

    #online .features article .details
    {
        display: block;
        width: 262px;
        position: relative;
        z-index: 1;
        padding: 0 7px 0 7px;
    }

    #online .features article .details .abstract
    {
        display: none;
    }

    #online .features article:hover
    {
        background: #e6e6e6;
        overflow: visible;
    }

    #online .features article:hover .details
    {
        background: #e6e6e6;
        padding-bottom: 1px;
    }

    #online .features article:hover .details .abstract
    {
        display: block;
    }

    #online .features article .image
    {
        margin-left: 7px;
        height: 140px;
        width: 262px;
        overflow: hidden;
    }

    #online .features article a.imagecrop
    {
        display: block;
        width: 262px;
        height: 140px;
        overflow: hidden;
    }


    #online.section    .features article header h2
    {
        font-size: 14px;
        color: #999999;
        width: 200px;
        float: left;
    }

    #online .features article header time
    {
        font-size: 12px;
        float: right;
        line-height: 19px;
    }

    #online .features article footer
    {
        position: relative;
        margin-bottom: 5px;
    }



      #online.section    .features article .details header h3
    {
        font-size: 12px;
        color: #2a8b9f;
        border: 0;
        padding: 0;
        margin: 0;
    }

    #online nav.pages
    {
        margin-right: 54px;
    }

    #online nav.pages
    {
        font-size: 16px;
    }

    #online nav.pages a.next
    {
        background-position: right 3px;
    }

    #online nav.pages a.previous
    {
        background-position: left 3px;
    }

/** online essay **/

#online.essay .contents h1,
#online.essay .contents h2
{
    font-size: 18pt;
    line-height: 19pt;
    border: 0;
    margin: 0;
    padding: 0;
    width: 650px;
}

#online.essay .contents h1
{
    font-size: 22pt;
    line-height: 25pt;
}

#online.essay .contents h2
{
    color: #b0b0b0;
    margin-bottom: 10px;
}

#online.essay .head
{
    padding-bottom: 0;
}

#online.essay .head .date
{
    color: #b0b0b0;
    margin: 0;
    padding: 0;
}

#online.essay .pullquote,
#online.essay .pullquote q
{
    color: #464646;
    font-size: 16pt;
    line-height: 22pt;
}


#online.essay .pullquote cite
{
    color: #464646;
}

#online.essay .pullquote {
    margin-bottom: 16pt;
}

#online.essay .leftAlign
{
    margin: 2px 28px 12px 0px;
}

#online.essay .rightAlign
{
    margin: 2px 0px 12px 28px;
}

        #online.essay a.print
        {
            display: inline-block;
            background-image: url('/img/print-icon-ffffff-20px.gif');
            padding-left: 3px;
        }


        #online.essay .contents
        {
            width: 850px;
            background: #ffffff;
            position: relative;
            float: left;
            padding: 0px;
        }

        #online.essay .contents p
        {
            width: none;
            max-width: 700px;
            margin-bottom: 16pt;
            line-height: 1.6em;
        }

        #online.essay .contents p.tags
        {
            margin-bottom: 0px;
        }


        #online.page .contents .footnotes,
        #online.page .contents .comments,
        #online.page .contents .related
        {
            overflow: hidden;
            border-top: 0px;
            padding-top: 10px;
            width: 405px;
            float: left;
        }

        #online.page .contents .footnotes
        {
            margin-right: 40px;
        }

        #online.page .contents .footnotes ol
        {
            margin-left: 10px;
        }


        #online.page .contents .footnotes h5,
        #online.page .contents .comments h5
        {
            font-size: 11pt;
            color: #838383;
            border-bottom: 1px solid #B0B0B0;
            margin-bottom: 22px;
        }

        #online.essay .contents .footnotes p
        {
            margin-bottom: 8pt;
            max-width: 550px;
        }

        #online.essay .contents h2
        {
            font-size: 16px;
            margin-bottom: 0px;
            line-height: 22px;
        }

        #online.essay header
        {
            margin-bottom: 14px;
        }

        #online.essay header .title
        {
            float: left;
            width: 650px;
        }

        #online.essay header .detail
        {
            padding-top: 2px;
            float: left;
            width: 200px;
            text-align: right;
        }

        #online header .title h1,
        #online header .title h2
        {
            width: auto;
            padding: 0px;
        }

        #online.essay .contents header .share
        {
            white-space: nowrap;
        }

        #online.essay .body
        {
            position: relative;
        }

        #online.essay .body .text
        {
            width: 705px;
        }

        #online.essay .body .support
        {
            width: 145px;
            float: left;
            text-align: right;
            position: relative;
            position: absolute;
            bottom: 4px;
            right: 0px;
        }

        #online section>header
        {
            margin-bottom: 5px;
        }

        #online section a.more
        {
            float: right;
            color: #2a8b9f;
            margin-right: 9px;
        }

        #online section a.more:after
        {
            content: ' >';
        }

        #online.page .related
        {
            width: 405px;
            float: left;
            margin: 0px;
            padding: 0px;
            border: 0px;
            min-width: 200px;
            background-color: none;
            background: none;
        }

        #online.page .related .block
        {
            width: 405px;
            float: left;
            margin-right: 40px;
            border-bottom: 0px;
        }

        #online .body
        {
            font-size: 15px;
        }

        #online.page .related h4
        {
             font-size: 14px;
        }

        #online.essay .related p,
        #online.essay .related div
        {
            color: #838383;
            margin-bottom: 5px;
        }

        #online.page .related .right
        {
            margin-right: 0px;
        }


        #online.essay form.comment label,
        #online.essay form.comment input.text
        {
            white-space: nowrap;
            width: 120px;
            margin-right: 0px;
            float: none;
        }

        #online.essay form.comment .comment_body,
        #online.essay form.comment .comment_body label
        {
            width: 370px;
        }


        #online.essay form.comment .comment_body textarea
        {
            width: 401px;
            max-width: 401px;
            min-height: 160px;
            margin-bottom: 10px;
        }


        #online.essay form.comment .display_name,
        #online.essay form.comment .email,
        #online.essay form.comment .website
        {
            width: 120px;
            float: left;
            margin-right: 20px;
            margin-bottom: 0px;
        }

        #online.essay .related h3
        {
            color: #838383;
        }

        #online.essay  form.comment .website
        {
            margin-right: 0px;
        }

        #online.essay .caption
        {
            font-size: 13px;
            line-height: 1.6em;
        }

        #online.essay figcaption
        {
            text-align: left;
            font-size: 13px;
            line-height: 1.6em;
        }

        #online.essay figcaption h4
        {
            width: 800px;
            line-height: 20px;
            margin-bottom: 10px;
        }

        #online.essay .picture_essay figcaption
        {
            width: 600px;
        }


        #online.essay .masonry-block
        {
            width: 445px;
            position: relative;
        }

        #online.essay .masonry-container
        {
            width: 900px;
        }


        form.comment .optional,
        form.comment .field_help
        {
            font-size: 7pt;
            line-height: 10pt;
            color: #999999;
        }


        form.comment .field_help
        {
            padding-top: 2px;
            display: block;
            white-space: nowrap;
        }


        form.comment p.honeypot
        {
            display: none;
        }

        #online.essay  form.comment input.button
        {
            width: auto;
            float: none;
            display: inline-block;
        }

        #online.essay form.comment .buttons
        {
            margin-top: 5px;
        }

/** Journal section **/

#journal.section .issue
{
    position: relative;
    width: 810px;
    background: #ffffff;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #b0b0b0;
    margin-bottom: 10px;
}

h1.issue-number {
    font-family: 'A2AfterallTypewriterLight';
    font-size: 36px;
    line-height: 34px;
    font-weight: normal;
    height: 34px;
    color: #464646;
}

h1.issue-number a:link,
h1.issue-number a:visited
{
    color: inherit;
}

h1.issue-number a:hover
{
    text-decoration: none;
    border-bottom: none;
}

#journal.section .issue .details .block
{
    width: 180px;
    margin-right: 20px;
    float: left;
}


#journal.section .issue .details .block .coverImage
{
    position: relative;
    width: 180px;
    height: 281px;
    background-color: #e6e6e6;
    width: 180px;
    top: 65px;
}

#journal.section .issue .details .block .coverImage img {
    max-width: 100%;
    height: auto;
}


#journal .details .block .title h1
{
    margin-bottom: 5px;
}

#journal .details .block .title h4
{
    color: #838383;
}

#journal.section .issue .details .block .title
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid #b0b0b0;
}

#journal.section .issue .details h4
{
    font-size: 11pt;
    font-weight: normal;
    color: #838383;
}

#journal.section .issue .details .head
{
    position: relative;
    height: 73px;
}

#journal.section .issue .details .head h2
{
    margin: 0px 0 15px 0;
    font-size: 11pt;
    font-weight: normal;
    color: #838383;
    position: absolute;
    bottom: 0px;
}


#journal.section .details .block a.members
{
    color: #838383;
}

#journal.section .issue .details ul li
{
    margin-bottom: 10px;
    padding-right: 10px;
}

/** journal issue */

#journal.issue .details
{
    position: relative;
    width: 830px;
    background: #f0f0f0;
    display: block;
    padding: 10px;
    height: 50px;
    margin-bottom: 20px;
    z-index: 100;
}

#journal.issue .details .block
{
    float: left;
    width: 180px;
    margin-right: 10px;
}

#journal.issue .details a.ebook
{
    display: none;
}

#journal.issue .details .block a.members
{
    color: #838383;
}

#journal.issue .details .category
{
    position: absolute;
    height: 48px;
    padding: 0 10px 0 10px;
    overflow: hidden;
    background: #d7fbff;
    border: 1px solid #b4d4db;
    z-index: 100;
    background-image: url('/img/marker-drop-down.gif');
    background-repeat: no-repeat;
    background-position: 180px 20px;
}


#journal.issue .details .contextualEssays
{
    left: 188px;
}
#journal.issue .details .artists
{
    left: 408px;
}
#journal.issue .details .events
{
    left: 628px;
}


#journal.issue .details .category:hover
{
    height: auto;
    overflow: visible;
    padding-bottom: 10px;
    /* width: auto; */
}

#journal.issue .details .category h2
{
    font-size: 13pt;
    line-height: 14pt;
    font-weight: normal;
    position: absolute;
    bottom: 0;
    margin-bottom: 7px;
    width: 85%;
    color: #464646;
}

#journal.issue .details .category .block
{
    border-top: 1px solid #7bb9c5;
    padding-top: 10px;
}

#journal.issue .details .category h3
{
    padding-top: 0;
    padding-bottom: 5px;
    font-size: 12pt;
    line-height: 14pt;
    font-weight: normal;
}

#journal.issue .details .category .head
{
    position: absolute;
    top: 0;
    height: 50px;
    width: 175px;
}


#journal.issue .details .dropdown
{
    position: relative;
    margin-top: 50px;
}

#journal.issue .details .category ul
{
    margin-bottom: 10px;
    position: relative;
}

#journal.issue .details .category ul li
{
    margin-bottom: 10px;
}

#journal.issue .details .category ul li a
{
    display: block;
    color: #2a8b9f;
}

#journal.issue .details img.cover
{
    width: 220px;
}


#journal.issue .contents
{
    width: 870px;
    min-height: 350px;
    z-index: 5;
}

#journal.issue .coverImage
{
    position: absolute;
    top:  90px;
    right: 0;
}

/** journal essay */

#journal.page .container div.head h1,
#journal.page .container div.head h2
{
    font-size: 16pt;
    line-height: 17pt;
    border: 0;
    margin: 0;
    padding: 0;
    width: 420px;
}

#journal.page .container div.head h2
{
    color: #b0b0b0;
}


#journal.page .container div.members
{
    border-bottom: 1px solid #b0b0b0;
    margin-bottom: 10px;
}

#journal div.share a.print
{
    background-image: url('/img/print-icon-ffffff-20px.gif');
}

#journal div.share a.share
{
    background-image: url('/img/share-icon-ffffff-20px.gif');
}

/** journal subscribe **/


#journal.shop .product .radio
{
    padding: 0;
    margin: 0 10px 0 10px;
    line-height: 2em;
}

#journal.shop .product label
{
    margin: 0;
    padding: 0;
    line-height: 1.6em;
}

#journal.shop .product h3
{
    margin: 0;
    padding: 0;
}

#journal.shop .product p
{
    margin: 0 0 20px 0;
}

#journal.shop .alert
{
    border: 1px solid #cc0000;
}


#journal.shop p.message,
#journal.shop p.productsMessage
{
    clear: both;
    padding-top: 0;
    font-size: 12pt;
}

#journal.shop div.alert
{
    padding: 5px;
}

#journal.shop fieldset.alert
{
    padding: 5px;
}

#journal.shop fieldset.alert .column
{
    margin-right: 15px;
}

#journal.shop p.visible
{
    padding-top: 10px;
}

#journal.shop .product p
{
    margin: 0;
    padding: 0;
}

#journal.shop .product p.select
{
    margin: 10px 0 0 0;
}

#journal.shop .contents form label
{
    position: relative;
    display: block;
    clear: both;
}

#journal.shop .contents input.text
{
    position: relative;
    width: 176px;
    clear: both;
    margin-bottom: 5px;
    float: none;
}

#journal.shop .contents input.space
{
    margin-bottom: 20px;
}

#journal.shop  .contents select
{
    width: 180px;
    margin-bottom: 5px;
}

#journal.shop .column
{
    position: relative;
    padding: 0;
    margin: 0;
    margin-top: 0;
    width: 243px;
    margin-bottom: 10px;
    margin-right: 20px;
    float: left;
}

#journal.shop fieldset
{
    border: 1px solid #ffffff;
}

#journal.shop fieldset p.help
{
    margin-bottom: 0;
    padding-bottom: 0;
}


#journal.shop  .contents form  label
{
    height: 12pt;
    margin-bottom: 3px;
}

#journal.shop .column .head
{
    border: 0;
    min-height: 30px;
}

#journal.shop .column h3
{
    margin: 0;
    padding: 0;
}

#journal.shop .contents form input.radio
{
    position: relative;
    display: block;
    float: left;
    clear: left;
    margin-right: 0;
    padding-right: 0;
}

#journal.shop .contents form label.radio
{
    position: relative;
    display: block;
    float: left;
    clear: right;
    line-height: 10pt;
    margin-left: 0;
    padding-left: 5px;
}

#journal.shop .contents form label.checkbox
{
    line-height: 14pt;
}

#journal.shop div.terms
{
    margin: 10px 0 10px 0;
    line-height: 130%;
}

#journal.shop div.terms a
{
    color: #2a8b9f;
}

#journal.shop div.terms input.radio
{
    clear: right;
}

#journal.shop div.terms label.radio
{
    clear: left;
    margin: 0;
    padding: 0;
}

#journal.shop .logos
{
    border-top: 0;
    position: relative;
    display: block;
    height: 112px;
    width: 100%;
    margin-top: 20px;
}

#journal.shop .logos img
{
    float: left;
    top: 0;
}

#journal.shop .logos img.sagepay
{
    margin-top: 10px;
}

#journal.shop .logos img.vbv,
#journal.shop .logos img.msc
{
    margin: 8px 0 0 20px;
}

#journal.shop .logos img.ual
{
    position: absolute;
    right: 0;
}

#journal.sagepaycommit p.buttons input
{
    margin-top: 5px;
}

#journal.sagepaycommit p.buttons img
{
    margin-left: 50px;
    float: right;
}

/** books styles */

#books.section .series
{
    border-bottom: 1px solid #b0b0b0;
}

#books.section .series .covers
{
    width: 426px;
    margin: 10px 10px 10px 0;
    float: left;
}

#books.section .series .covers img
{
    margin-right: 10px;
    border: 1px solid #b0b0b0;
}

#books.section .series .covers a.right img
{
    margin-right: 0;
}

#books.section .series .details
{
    width: 370px;
    float: left;
    margin: 10px 0 10px 0;
}

#books.section .series h2,
#books.section .series h3
{
    font-size: 16pt;
    line-height: 16pt;
}

#books.section .series h3
{
    color: #b0b0b0;
    margin-bottom: 10px;
}

#books.series .container
{
    padding-top: 10px;
}

.series .book,
#books.series .book
{
    width: 192px;
    margin-right: 10px;
    float: left;
    border-bottom: 1px solid #b0b0b0;
    height: 293px;
    padding-bottom: 7px;
    margin-bottom: 10px;
}

.series .book img,
#books.series .book img
{
    border: 1px solid #b0b0b0;
    margin-bottom: 10px;
}

#books.series .right
{
    margin-right: 0;
}

.series .book h2,
.series .book h3,
#books.series .book h2,
#books.series .book h3
{
    font-size: 11pt;
    line-height: 12pt;
}

.series .book h3,
#books.series .book h3
{
    color: #b0b0b0;
}

#books.series .contents>p
{
    margin: 10px 0;
    padding: 0 0 10px 0;
}


#books.book .contents .container
{
    border: 1px solid #b0b0b0;
    width: 536px;
    float: left;
    padding: 26px;
}

#books.book .container h1,
#books.book .container h2
{
    font-size: 16pt;
    line-height: 16pt;
    border: 0;
    padding: 0;
    margin: 0;
}

#books.book .container h2
{
    color: #b0b0b0;
    margin-bottom: 10px;
}

#books.book .container h3
{
    font-size: 9pt;
    padding-bottom: 5px;
    border-bottom: 1px solid #b0b0b0;
    margin-bottom: 10px;
}

#books.book .container img
{
    border: 1px solid #b0b0b0;
}


#books.book .container h3 a
{
    color: #b0b0b0;
}

#books.book .container img
{
    margin-bottom: 10px;
}

#books.book .container ul.formats
{
    list-style: none;
    margin-left: 0;
    margin-bottom: 10px;
    color: #b0b0b0;
}

#books.book .container p.description
{
    margin-bottom: 0;
    color: #b0b0b0;
}

#books.book .container p.price .pound
{
    font-size: 125%;
}

/** exhbitions histories book series overrides **/

#books.exhibitionhistories.series
{

}

#books.exhibitionhistories.series .overview
{
  float: left;
  width: 382px;
  margin-right: 20px;
}

#books.exhibitionhistories.series .book
{
  width: 392px;
  height: auto;
}

#books.exhibitionhistories.series .book .cover
{
  width: 176px;
  float: left;
}

#books.exhibitionhistories.series .book .contextmenu
{
  width: 216px;
  float: left;
}

.exhibitionhistories div.coverblock
{
  position: relative;
}

.exhibitionhistories div.cover
{
  width: 292px;
  float: left;
}

.exhibitionhistories img.cover
{
  /* float: left; */
}

.exhibitionhistories div.coverblock div.contextmenu
{
  position: relative;
  float: right;
  right: 0;
  margin-left: 10px;
  width: 223px;
}



.exhibitionhistories div.contextmenu h4
{
  font-size: 11pt;
  margin-bottom: 6px;
  color: #B0B0B0;
}

.exhibitionhistories div.contextmenu ul
{
  margin-left: 0;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #b0b0b0;
}

#books.exhibitionhistories.series.exhibitionhistories div.contextmenu ul.last
{
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}


.exhibitionhistories div.contextmenu li
{
  /*
    position: relative;
    display: block;
  margin-left: 0;
    padding-left: 14px;
    line-height: 16px;
    background-image: url('/img/navi-bullet-464646.gif');
    background-position: 2px 3px;
    background-repeat: no-repeat;
    */
    list-style: none;
    margin-bottom: 4px;
}



.exhibitionhistories div.naviblock
{
  width: 180px;
  float: right;
}

.exhibitionhistories div.naviblock div.contextmenu
{
  position: relative;
  float: right;
  width: 180px;
}


.exhibitionhistories div.naviblock div.contextmenu div.menublock
{
  position: relative;
  float: left;
  right: 0;
  width: 180px;
}

.exhibitionhistories div.contextmenu h4
{
  font-size: 10pt;
  margin-bottom: 4px;
}

.exhibitionhistories div.contextmenu ul
{
  padding-bottom: 6px;
  margin-bottom: 6px;
}


.exhibitionhistories div.contextmenu li
{
  font-size: 9pt;
  margin-bottom: 2px;
}

.exhibitionhistories div.contextmenu li.current
{
  /* font-style: italic; */
  text-decoration: underline;
}



/** events */

#events .container
{
    width: 790px;
}

#events.calendar .event
{
    padding-bottom: 20px;
    border-bottom: 1px solid #b0b0b0;
    margin-bottom: 20px;
}

#events p
{
    line-height: 1.2em;
}

#events.calendar .event .details
{
    width: 385px;
    float: left;
}

#events.calendar .event h2,
#events.calendar .event h3
{
    margin: 0;
    padding: 0;
}

#events.calendar .event h3
{
    padding-bottom: 10px;
}

#events.calendar .event img
{
    float: right;
}

#events.event .contents .container
{
    border: 1px solid #b0b0b0;
    width: 546px;
    float: left;
    padding: 26px;
}



#events.event .container h1,
#events.event .container h2
{
    font-size: 16pt;
    line-height: 16pt;
    border: 0;
    padding: 0;
    margin: 0;
}

#events.event .container h2
{
    color: #b0b0b0;
    margin-bottom: 10px;
}

#events.event .container h3
{
    font-size: 9pt;
    padding-bottom: 5px;
    border-bottom: 1px solid #b0b0b0;
    margin-bottom: 10px;
}

#events.event .container img
{
    border: 1px solid #b0b0b0;
}


#events.event .container h3 a
{
    color: #b0b0b0;
}

#events.event .container img
{
    margin-bottom: 10px;
}

#events.event .related
{
    margin-left: 28px;
}

/** advertisers **/


#advertisers .contents
{
    width: 864px;
}

#advertisers .container
{
    width: 864px;
    padding: 0;
    margin: 0;
    border: 0;
}

#advertisers .contents .advert
{
    display: block;
    position: relative;
    width: 272px;
    height: 178px;
    /* background: #f0f0f0; */
    float: left;
    border: 1px solid #b0b0b0;
    margin-right: 14px;
    margin-bottom: 14px;
    overflow: hidden;
}

#advertisers .advert img
{
    position: relative;
}

div.adverts
{
    width: 864px;
    padding: 0;
    margin: 20px 0 0 0;
    border: 0;
}

div.advertholder
{
    position: relative;
    margin: 0;
    height: 0;
    width: 864px;
}

div.advertcolumn
{
    position: absolute;
     left: 870px;
    width: 170px;
    overflow: hidden;
}

div.advertcolumn .advert
{
    width: 160px;
    height: 80px;
    overflow: hidden;
    padding-bottom: 5px;
    background-color: #e6e6e6;
    padding: 5px;
    margin-bottom: 20px;
}

div.adverts .advert
{
    display: block;
    position: relative;
    width: 272px;
    height: 178px;
    /* background: #f0f0f0; */
    float: left;
    border: 0;
    margin-right: 14px;
    margin-bottom: 14px;
    overflow: hidden;
}

div.adverts .advert img
{
    position: relative;
}

.advert-leaderboard {
    width: 850px;
    text-align: center;
    margin-bottom: 20px;
}

.advert-leaderboard .media-image {
    margin: 0 auto 0 auto;
}


/** search */

.search .contents
{
    width: 580px;
}

.search .container
{
    width: 560px;
}

.search .contents>h4
{
    margin-bottom: 10px;
}

.search .contents form select,
.search .contents form input.button,
.search .contents label.text
{
    background: none;
    border: 1px solid #b4d4db;
    background-color: #d1faff;
    height: 21px;
}

.search .contents form select
{
    width: 110px;
}

.search .contents label.text
{
    margin-right: 0;
    border-right: 0;
    padding: 2px 5px 0 5px;
    height: 17px;
}

form.search fieldset.search
{
    margin-bottom: 5px;
}

.search .contents fieldset.radio
{
    padding-top: 3px;
}

.search .contents fieldset.radio .legend
{
    height: 20px;
    padding-left: 0;
    margin-left: 0;
    line-height: 1.5em;
}

.search .contents span.radio
{
    white-space: nowrap;
}

.search .contents .radio input
{
    clear: none;
    margin-right: 5px;
    float: left;
}

.search .contents .radio label
{
    display: block;
    clear: none;
    float: left;
    height: 20px;
    padding: 0;
    margin-left: 0;
    line-height: 1.5em;
}



.search .contents input.text
{
    border: 1px solid #b4d4db;
    margin-left: 0;
    width: 160px;
}

.search .contents input.radio
{
    background: none;
    border: 1px solid #b4d4db;
    background-color: #d1faff;
}

.search .match,
.search .term
{
    font-weight: bold;
}

ul.search li.result
{
    padding-bottom: 10px;
    border-bottom: 1px solid #b0b0b0;
    margin-bottom: 10px;
}

ul.search li.result div.image
{
    float: left;
    width: 180px;
    height: 120px;
    overflow: hidden;
    margin-right: 20px;
}

ul.search li.result div.image a
{
    color: #f0f0f0;
}

ul.search li.result div.details
{
    float: left;
    width: 360px;
}

ul.search li.result .details h4,
ul.search li.result .details h4 a
{
    margin: 0;
    padding: 0;
    color: #2a8b9f;
}

ul.search li.result .details h2
{
    padding: 0;
    margin: 0;
}

ul.search li.result p
{
    margin-top: 2px;
    margin-bottom: 0;
    padding-bottom: 0;
    overflow: hidden;
}

/* tags classes */

#tags .container .tags h4
{
    font-size: 10pt;
}

#tags .container .tags p
{
    line-height: 1.5em;
}

/** home */

#home .contents
{
    width: 580px;
}

#home .container
{
    width: 560px;
}

#home .contents
{
    padding-top: 6px;
    float: left;
    margin-right: 40px;
}

#home.section .container
{
    padding: 10px 10px 10px 10px;
    background: #ffffff;
}


#home .secondary
{
    width: 208px;
    float: left;
}

#home .secondary .callout
{
    background: #d1faff;
    padding: 20px;
    margin-bottom: 20px;
}

#home .secondary .callout h2
{
    color: #2a8b9f;
    font-size: 16pt;
    margin-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #7bb9c5;
    margin-bottom: 10px;
}

#home .secondary .callout h3,
#home .secondary .callout h4
{
    color: #464646;
    font-size: 16pt;
    line-height: 17pt;
    padding: 0 0 5px 0;
    margin: 0;
}

#home .secondary .callout h3 a,
#home .secondary .callout h4 a
{
    color: #464646;
}

#home .secondary .callout p.links
{
    margin-top: 20px;
    border-top: 1px solid #7bb9c5;
    padding-top: 10px;
    margin-bottom: 0;
}

/** pull quote **/

.pullquote {
    margin-bottom: 16pt;
    border-bottom: 1px solid #b0b0b0;
}

.pullquote p {
    display: block;
    font-size: 16px;
    line-height: 20px;
}

.pullquote p:before {
    content: "\2018";
}

.pullquote p:after {
    content: "\2019";
}

.pullquote cite {
    display: block;
    color: #b0b0b0;
}

.pullquote p {
    margin-top: 6px;
    font-size: 1.5rem;
    line-height: 1.3 !important;
}

.pullquote p:last-child {
    margin-bottom: 0;
}

blockquote {
  margin: 0 2em 1em 2em;
  font-style: italic;
}

blockquote.pullquote {
  font-style: normal;
}

.pullquote-credit {
    font-size: 65%;
    line-height: 1.6;
    color: #838383;
}

.pullquote-credit a[href] {
    color: inherit;
}


.pullquote-credit:before {
    content: '– ';
    padding-left: 0.5em;
}

/** state classes **/

.members p
{
    color: #838383;
}


/** hard classes */

.clear
{
    clear: both;
}


.success,
.form__message-success
{
    color: #2a8b9f;
}

.error,
.form__message-error
{
    color: #2a8b9f;
}

.error a,
.form__message-error a
{
    color: #565656;
    text-decoration: underline;
}


@media print
{

    body {
        width: 850px;
    }

    .page #head
    {
        display: none;
    }

    .page .sectionHead
    {
        display: none;
    }

    .page #foot
    {
        display: none;
    }

    .page .related
    {
        display: none;
    }

     .advertcolumn
    {
        display: none;
    }


    .contents form.comment
    {
        display: none;
    }

    #journal.issue .details .category
    {
        display: none;
    }

}



#books.wide .contents .container
{
  width: 796px;
}

#books.book .container h1.subtitle
{
  padding-bottom: 12px;
}

#books .feature
{
  width: 580px;
  float: left;
}

/*** auction styles **/

.auction dl
{
  width: 500px;
  line-height: 1.5em;
}

.auction dt
{
  font-weight: bold;
  display: block;
  clear: left;
  float: left;
  width: 100px;
  text-align: right;
  margin-right: 10px;
}

.auction dd
{
  float: left;
  clear: right;
  display: block;
  width: 330px;
}

.auction p.bid
{
  font-size: 18pt;
  background: #D1FAFF;
  margin: 10px 0;
  padding: 10px;
  text-align: center;
}

.auction p.bid .you
{
  font-size: 12pt;
  line-height: 14pt ;
}

.auction .history dt
{
  font-weight: normal;
  width: 300px;
}

.auction .history dd
{
  font-weight: normal;
  width: 180px;
}

.auction p.bid .small
{
  font-size: 12pt;
}

.auction div.bidding
{
  text-align: center;
}

.auction .bid .value,
.auction .history .value
{
  font-weight: bold;
}

.auction .showhistory
{
  font-size: 9pt;
  text-align: center;
}


.auction .contents form label
{
  display: block;
  width: 150px;
}

.auction .contents form input.text,
.auction .contents form textarea.text,
.auction .contents form select
{
  width: 250px;
}

.auction .contents form label.terms
{
  width: auto;
  float: left;
}

.auction .contents form label.terms a
{
  text-decoration: underline;
  color: #2A8B9F;
}

.auction .contents form input.checkbox
{
  float: left;
}

.auction .contents form textarea.text
{
  margin-bottom: 5px;
}

.auction .contents form .honeypot
{
  display: none;
}

.auction .contents form p .error
{
  margin-left: 162px;
  display: block;
  clear: both;
}

.auction div#terms
{
  position: relative;
  width: 530px;
}




.auction .works .container ul
{
  list-style: none;
  margin-left: 0;
}

.auction .works .container li
{
  width: 166px;
  height: 180px;
  overflow: hidden;
  border-bottom: 1px solid #B0B0B0;
  padding-bottom: 5px;
  margin-bottom: 15px;
  margin-right: 16px;
  float: left;
}

.auction .works .container li.right
{
  margin-right: 0;
}

.auction .works .container li .imagecrop
{
  display: block;
  width: 166px;
  height: 110px;
  overflow: hidden;
  margin-bottom: 2px;
  background-color: #E6E6E6;
}

.auction .works .container li h2,
.auction .works .container li h3,
.auction .works .container li .bid
{
  font-size: 10pt;
  line-height: 12pt;
  margin: 0;
  padding: 0;
}



.auction .works .container li h3
{
  color: #B0B0B0;
}

.auction .works .container li .bid
{
  font-size: 9pt;
  color: #B0B0B0;
}

.auction ul.artists
{
  /*
  padding: 10px 10px 10px 10px;
  border: 4px solid #e0e0e0;
  */
  padding-top: 26px;
  font-size: 12pt;
  line-height: 18pt;
}

.auction form.bid label
{
  width: 240px;
  text-align: right;
}

.auction form.bid input.text
{
  width: 50px;
  text-align: right;
}

.auction form.bid p.small
{
  text-align: center;
  font-size: 9pt;
  font-style: italic;
  color: #B0B0B0;
}

/* END: afterall.css */