/*
Theme Name: CultureRamp
Theme URI: http://cultureramp.com/
Description: Proprietary stylesheet for CultureRamp.
Author: madarchitect
Author URI: http://cultureramp.com/
Version: 2.0
Tags: two-columns, fluid
*/

body {
    width: 48em;
}
#header {
    text-align: justify;
}
.masthead li {
    display: inline-block;
}
.masthead .directory {
    text-align: left;
}
.masthead #searchform {
}
.masthead .departments {
    border-bottom: 2px solid #000;
    border-top: 2px solid #000;
    margin-top: 1em;
    margin-left: 1.5em;
    margin-right: 1.5em;
    width: 45em;
    white-space: nowrap;
}
.masthead .departments a {
    line-height: 2.5em;
    width: 17%;
}
.content {
    width: 37.5em;
}
.content #post-copy {
    width: 37.5em;
}
.content #post-copy {
    width: 40em;
}
.content #post-copy .column {
    padding: .5em;
    max-width: 18em;
}
.content #post-copy .column-1 {
    display: inline;
    float: left;
}
.content #post-copy .column-2 {
    display: inline;
    float: right;
}
.content .art img {
    max-width: 37.5em;
    height: auto;
}

#colophon {
    display: table-row;
}
#colophon .mag-title,
#colophon .copyright,
#colophon .management {
    display: table-cell;
    width: 33%;
}
#colophon .copyright {
    padding: 1em;
    text-align: right;
}

/* -------------------- FRONTPAGE */

.catbox-listing {
    display: table;
}
.catbox-title,
.catbox-desc,
.catbox-more {
    display: table-cell;
}
.catbox-title {
    width: 15em;
}
.catbox .card-1,
.catbox .older {
    display: block;
    clear: both;
}
.catbox .card-1 .art {
    float: left;
}
.catbox .older .card {
    display: inline-block;
    vertical-align: top;
    width: 30%;
}
.catbox .older .card-3 {
    border-bottom: none;
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    border-top: none;
}
.card-1 .art {
    display: inline-block;
    height: 11.71875em;
    margin-left: 2em;
    margin-right: 2em;
    vertical-align: top;
    width: 15.625em;
}
.lede .card-1 {
    display: inline-block;
    width: 69%;
}
.lede .card-1 .art {
    display: block;
    float: none;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}
.lede .older {
    display: inline-block;
    vertical-align: top;
    width: 30%;
}
.lede .older .card {
    display: inline-block;
    width: inherit;
}
.lede .older .card-3 {
    border-bottom: solid 1px #CCC;
    border-left: none;
    border-right: none;
    border-top: solid 1px #CCC;
}


#inclination .dateline {
    float: right;
}
#letters .dateline {
    float: left;
}
#features .card-1 .art {
    float: none;
    width: auto;
    max-width: 44em;
    height: auto;
}

.email-address {
    border-right: solid 3px #000000;
    float: left;
    margin-right: 25px;
    padding-right: 25px;
}

#sidebar {
    border-bottom: 0;
    border-top: 0;
    float: right;
    margin: 0 0 0 .5em;
    width: 12.5em;
}