body {
  margin: 0;
  /* Setting up font size, leading and font family
   * http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography */
  font: 16px/1.4em "Helvetica Neue", helvetica, Arial, sans-serif;
}

/* Links */
/* Need to qualify links with selectors because Drupal wraps lots of stuff in <a> */
a {
  margin: 0;
  border: none;
  padding: 0;
}
a:link,
a:visited {
  color: #497281;
  text-decoration: none;
}
a:link:hover,
a:link:active {
  color: #497281;
  text-decoration: underline;
}
/* linked images get highlighted border on hover so leave room on unhovered */
a:link img,
a:visited img {
  border: 1px solid transparent;
}
a:link:hover img,
a:link:active img,
a:visited:hover img,
a:visited:active img {
  border: 1px solid #336299;
}

/* Titles. */
h1, h2, h3, h4, h5, h6 {
  line-height: 120%;
  color: #B1182C;
  font-weight: 400;
  margin: 0.5em 0;
}
h1 {
  font-size: 2.0em;
}
h2 {
  font-size: 1.7em;
}
h3 {
  font-size: 1.4em;
}
h4 {
  font-size: 1.3em;
}
h5 {
  font-size: 1.2em;
}
h6 {
  font-size: 1.1em;
}

/* Paragraph styles. */
p {
  margin: 0.5em 0;
}

/* List styles. */
ul, ol {
  margin: 0.5em 0;
  padding-left: 2em;
}
li {
  margin: 0.2em 0;
}
/* List styles. */
ul {
  list-style-type: disc;
}
ul ul {
  list-style-type: circle;
}
ul ul ul {
  list-style-type: square;
}
ul ul ul ul {
  list-style-type: circle;
}

ol {
  list-style-type: decimal;
}
ol ol {
  list-style-type: lower-alpha;
}
ol ol ol {
  list-style-type: decimal;
}
#autocomplete li {
  margin: 0;
  padding: 2px;
}

/* Table styles. */
table {
  width: 99%;
}
tr.odd {
    background: none repeat scroll 0 0 #F4F4F4;
}
tr.even {
    background: none repeat scroll 0 0 #EEF4F9;
}
tr.odd,
tr.even {
  padding: 0;
}
tr.even td,
tr.odd td {
  padding: 0.2em 0.4em;
}

/* Code */
pre, code {
  font: 15px/1.0em "andale mono", "lucida console", monospace;
  line-height: 1.5;
  background-color: #EFE;
  padding: 4px;
  margin: 4px 0;
  border: 1px solid #CDC;
}
pre {
  display: block;
}
pre code {
  border: none;
}
.krumo-call code { /* krumo code doesn't need to be so big. */
  font-size: 11px;
}

/* Abbreviation */
abbr {
  border-bottom: 1px dotted #666666;
  cursor: help;
  white-space: nowrap;
}

/* Block quote. */
/* from https://css-tricks.com/snippets/css/simple-and-nice-blockquote-styling/ */
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

/* Embolden fieldset legend captions site-wide for better visibility */
fieldset legend {
  font-weight: bold;
  padding: 0 0.5em;
}

/* form inputs */
input,
textarea {
  font-size: 15px;
}
/* keep buttons from colliding in a row */
input[type="button"],
input[type="submit"] {
  margin: 10px;
}

a#edit-cancel {
  padding: 0 10px;
}

/* UI improvments. */
#edit-title {
  font-size: 120%;
  width: 98%;
}

#system-themes-form img {
  width: 100px;
}

.description {
  font-style: italic;
  line-height: 1.2em;
  font-size: 0.9em;
  margin-top: 5px;
  color: #777777;
}

.display-none {
  display: none;
}

#edit-delete {
  color: #cc0000;
}

/* MESSAGES */
div.messages {
  font-size: 90%;
  padding: 0.3em;
  margin: 0.3em 0;
  color: #036;
  background: #BDF;
  border: 1px solid #9AC;
}
div.warning {
  font-size: 90%;
  padding: 0.3em;
  margin: 0.3em 0;
  color: #630;
  background: #FFC;
  border: 1px solid #FC2;
}
div.error {
  font-size: 90%;
  padding: 0.3em;
  margin: 0.3em 0;
  color: #600;
  background: #FAA;
  border: 1px solid #B44;
}
div.status {
  font-size: 90%;
  padding: 0.3em;
  margin: 0.3em 0;
  color: #240;
  background: #CF8;
  border: 1px solid #8B4;
}

/* fine-tune appearance of admin menu */
body.admin-menu {
  margin-top: 30px !important;  /* make room for admin menu */
}
#admin-menu {
  height: 30px;
  width: 960px;
  margin-left: 15px;
  z-index: 599; /* on top of everything */
}




/* HEADER */

#header {
  height: 100px;
}
#header-logo {
  position: absolute;
  z-index: 1;
}
#header-logo a:link img,
#header-logo a:visited img {
  border: none;
}

/* right-side header region, contains rotating image */
#header-region {
  float: right;
  height: 100px;
  z-index: 0;
}
#block-views-header_banner-block_1 {
  float: right;
}
#block-views-header_banner-block_1 a:link img,
#block-views-header_banner-block_1 a:visited img
 {
  position: relative;
  top: -1px;  /* to make room for 1px border on hovered linked images */
  right: -1px; /* ditto */
}

/* LOGIN+SEARCH */

#login_search {
  height: 30px;
  background-color: #396271;
  border-bottom: 1px solid #A09F9F;
}

/* login + welcome member/visitor */
#block-ousa_membership-login_welcome {
  float: left;
  padding: 4px 0 0 15px;
  height: 26px;
  font-size: 15px;
  font-weight: bold;
  color: #99C2D1;
}
#block-ousa_membership-login_welcome a {
  color: white;
}
#block-ousa_membership-login_welcome a:hover {
  color: #FC7;
  text-decoration: underline;
}
#block-ousa_membership-login_welcome .edit a {
  color: #777;
}
#block-ousa_membership-login_welcome .login-separator {
  padding: 0 5px;
}

/* site-wide social icons */
#block-block-25 {
  float: right;
  padding-top: 2px;
  margin-right: 10px;
  height: 28px;
}
#block-block-25 a.fb-icon img {
  margin-right: 0;
}

/* site-wide search */
#block-search-form {
  float: right;
  padding-top: 3px;
  padding-right: 8px;
}
#block-search-form div.container-inline { /* this permits absolute position of magnifier */
  position: relative;
}
#block-search-form input.form-text { /* text input field */
  color: #396271;
  font-size: 13px;
  border: 1px solid #A8A8A8;
  border-radius: 10px;
  padding: 2px 2px 2px 10px;
  width: 226px;
}
#block-search-form form#search-block-form input.form-submit { /* Submit button */
  display: none;
}
#block-search-form form#search-block-form input#edit-submit-image { /* magnifier image */
  display: block;
  position: absolute;
  right: 8px;
  top: 5px;
}

/* MAIN NAV (MENUS) */

#navigation .sf-menu a {
  font-size: 95%;
  font-weight: bold;
  text-decoration: none;
  padding: 0.75em 0.5em;
  border-right: 1px solid #A09F9F;
  border-top: none;
  border-bottom: none;
  border-left: none;
}
/* tweak to top-level menu titles */
#navigation li.sf-depth-1 {
  margin: 0;
  width: 135px;
  text-align: center;
}
#navigation li.sf-depth-1#menu-63-1 { /* cheat, PUBLICATIONS gets a bit more space */
  width: 150px;
}
#navigation li.sf-depth-2,
#navigation li.sf-depth-3
{
  text-align: left;
  width: 250px;
}
/* This overrides the padding/margin below the superfish menu in the main nav area removing extra padding */
#navigation .sf-menu {
  margin-bottom: 0;
}
/* colors for superfish menus */
#navigation #block-superfish-1,
#navigation .sf-menu li,
#navigation .sf-menu li li,
#navigation .sf-menu li li li {
  background: #295261;
}
#navigation .sf-menu li:hover,
#navigation .sf-menu li.sfHover {
  background: #497281;
}
#navigation .sf-menu li.active a,
#navigation .sf-menu a:focus,
#navigation .sf-menu a:hover,
#navigation .sf-menu a:active,
#navigation .sf-menu a:link,
#navigation .sf-menu a:visited {
  color: #FFF;
}

/* FOOTER */

#footer {
  background: none repeat scroll 0 0 #295261;
  font-size: 80%;
  padding: 0.5em 0;
  margin: 10px 0 5px 0;
  text-align: center;
  color: #99C2D1;
}
#footer a {
  color: white;
}
#footer a:hover {
  color: #FC7;
}

/* FIRST SIDEBAR (The Source menu bar, Convention Quick Links, etc.) */

/* all titles in sidebar */
#sidebar-first h2.block-title {
  background: none repeat scroll 0 0 #396271;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  height: 25px;
  padding: 0.4em 0 0.2em;
  margin: 0;
  text-transform: none;
}
#sidebar-first a,
#sidebar-first h2.block-title,
#sidebar-first h2.block-title a {
  color: white;
}
#sidebar-first a.active,
#sidebar-first h2.block-title a.active {
  color: #FC7;
  text-decoration: none;
}
#sidebar-first a:hover,
#sidebar-first h2.block-title a:hover {
  color: #FDA;
  text-decoration: none;
}

#sidebar-first .edit {  /* rollover edit links */
  background: #777;
}

/* Superfish sidebar menus */

#sidebar-first .sf-menu li {
  background-color: #598291;
  color: white;
  font-weight: bold;
  font-size: 13px;
  border-bottom: 1px solid #ADADAD;
  margin: 0;
  padding: 0.2em 10px 0.2em 18px;
  text-align: center;
  line-height: 22px;
}
#sidebar-first .sf-menu li.sf-depth-1 {
  width: 197px;
}
#sidebar-first .sf-menu .sf-sub-indicator {
  top: 6px;
  right: 5px;
}
#sidebar-first .sf-menu li.sfHover > a {
  color: #FDA;
}
#sidebar-first .sf-menu li.sf-depth-1 ul {
  left: 215px;
}
#sidebar-first .sf-menu li.sf-depth-2 {
  background-color: #6992A1;
}
#sidebar-first .sf-menu li.sf-depth-2:hover
{
  background-color: #79A2B1;
}
/* other sidebar content */

#sidebar-first .content
 { /* all content items */
  background: none repeat scroll 0 0 #598291;
  color: white;
  font-weight: bold;
  font-size: 13px;
}
/* Generic sidebar lists, like Quick Links, Source Catalog */
#sidebar-first ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
#sidebar-first ul li {
  border-bottom: 1px solid #ADADAD;
  list-style-image: none;
  list-style-type: none;
  margin: 0;
  padding: 0.2em 10px 0.2em 18px;
  text-align: center;
  line-height: 22px;
}

#sidebar-first ul li ul li {
  border-bottom: none;
}
#sidebar-first ul.menu li {
  text-align: left;
}
#sidebar-first ul.menu li.collapsed {
  background: url("../images/menu-collapsed.gif") no-repeat scroll 0.3em 0.7em transparent;
}
#sidebar-first ul.menu li.expanded {
  background: url("../images/menu-expanded.gif") no-repeat scroll 0.3em 0.7em transparent;
}
#sidebar-first ul.menu li.expanded li.leaf {
  background: url("../images/bullet-grey.gif") no-repeat scroll 0.2em 0.5em transparent;
  padding-left: 12px;
}

/* Sidebar tables, like Source Shopping Cart, The Paper, The Fold */
#sidebar-first table {
  table-layout: auto;
}
#sidebar-first tr {
  border-bottom: 1px solid #ADADAD;
  padding: 0.2em 10px;
  width: 205px;
}
#sidebar-first td.column-first {
  text-align: left;
  padding: 0.2em 10px 0.2em 10px;
  width: 35px;
}
#sidebar-first td {
  text-align: right;
  padding: 0.2em 10px 0.2em 0;
  width: 15px;
}

/* SECOND SIDEBAR (adverts, join us, etc.) */

/* N/A */

/* Primary page tabs */

ul.primary {
  white-space: normal;
  padding: 0 0 0 0.3em;
}
ul.primary li {
  margin-top: 8px;
  white-space: nowrap;
  display: inline-block;
}
ul.primary li a {
  font-size: 90%;
  padding: 0.2em 0.1em;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
ul.primary li a .tab {
  padding: 0 0.4em;
}

/* Primary page tabs, e.g., View, Edit, Devel tabs on node pages */
ul.primary li a {
  font-size: 80%;
}
ul.primary li a .tab {
  padding 0 0.2em;
}

/* Secondary page tabs. These rarely show up; see /admin/people/permissions/roles, */

ul.secondary {
  padding: 0;
  margin: 0;
  border: none;
}
ul.secondary li {
  background-color: #EEE;
  padding: 0 2px;
  border: 1px solid #CCC;
  border-radius: 4px;
  margin: 2px;
  white-space: nowrap;
  display: inline-block;
  line-height: 1.2em;
}
ul.secondary li a {
  font-size: 80%;
  padding: 0;
}


/* CENTER/CONTENT styling */

/* align messages with top of sidebars */
#highlight {
  margin-top: 10px;
}

/* overrides for breadcrumb */
.breadcrumb {
  font-size: 12px;
  text-transform: uppercase;
  padding: 0;
  margin: 8px 0 4px;
}

tbody {
  border-top: medium none;
}

/* links at bottom of page (like comments), number of reads */
.node div.links {
  clear: both;
  background-color: #EEE;
  border: 1px solid #ABC;
  border-radius: 5px;
  font-size: 90%;
  padding: 0.3em 0;
  margin: 1.0em 0;
}

/* Unpublished nodes should be clearly identified. */
.node-unpublished {
  background-color: #DDD;
}

/* COMMENTS */

#comments {
  font-size: 90%;
}
#comments h2 {
  font-size: 1.4em;
  margin: 0.3em 0;
}
.comment {
  background: url("../images/comment-bg.gif") repeat-x scroll 0 0 transparent;
  border: 1px solid #ABC;
  border-radius: 5px;
  padding: 5px 10px;
  margin: 0.8em;
}
.comment h3 {
  font-size: 1.3em;
  margin: 0.25em 0;
}
.comment new {
  color: #0F0;
  font-size: 90%;
}
.comment .submitted {
  color: #862;
  font-size: 90%;
}
.comment ul.links {
  font-size: 90%;
}
li.comment_add a {
  background: url("../images/mini-comment.gif") no-repeat scroll 0 -1px transparent;
  padding-left: 18px;
}
li.comment_delete a {
  background: url("../images/mini-trash.gif") no-repeat scroll 0 1px transparent;
  padding-left: 15px;
}
li.comment_edit a {
  background: url("../images/mini-edit.gif") no-repeat scroll 0 1px transparent;
  padding-left: 15px;
}
li.comment_reply a {
  background: url("../images/mini-comments.gif") no-repeat scroll 0 1px transparent;
  padding-left: 15px;
}

/* Text filter information */
.filter-wrapper {
  font-size: 85%;
  line-height: 1.2em;
}

/* NEW HOME PAGE */

#home-new .panels-flexible-row,
#home-new .panels-flexible-column-inside {
  padding: 0;
}

#home-new .home-left {
  width: 675px;
  padding-right: 15px;
  margin-top: 10px;
}

#home-new #home-button-bar,
#home-new .home-left-pair {
  margin-top: 20px;
}

#home-new .home-left-pair-left {
  float: left;
  width: 330px;
  padding-right: 15px;
}
#home-new .view-facebook-feed .view-content {
  font-size: 75%;
  height: 400px;
  overflow-x: hidden;
  overflow-y: scroll;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}

#home-new .home-left-pair-right {
  float: right;
  width: 330px;
}
#home-new .view-uc-downloads-newest .view-content {
  font-size: 75%;
  height: 400px;
  overflow-x: hidden;
  overflow-y: scroll;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
#home-new .home-right {
  float: right;
  width: 270px;
  margin: 10px 0;
}
#home-new .home-page-right-pane {
  border: 3px solid #DDD;
  border-radius: 10px;
  padding: 3px;
  height: 100px;
  margin-bottom: 8px;
}
#home-new .home-page-right-pane-testing {
  background-color: #DDD;
}
#home-new .home-right-em {
  color: #295261;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
}
#home-new #home-page-right-pane-donate-image {
  margin: 4px;
  float: left;
}
#home-new #home-page-right-pane-donate-text {
  text-align: center;
  margin: 10px;
}

/* CUSTOM CONTENT TYPES */

/* Styling for art gallery page and galleries of convention photos, OBC, diagrams_pdf,
etc. Note that .gallery-grid is a CSS class assigned in the View. */

.gallery-grid tr {
  vertical-align: top;
}
.gallery-grid td {
  text-align: center;
  margin: 0.5em;
}
.gallery-grid .views-field-body {
  line-height: 130%;
  font-size: 80%;
  margin: 1.0em;
}

/* Site-wide search results page style */
.search-results a {
  font-weight: bold;
}
.search-snippet, .search-info {
  padding-left: 40px;
}

/* User profile stylings to make profile lists display as side-by-side. See
overridden templates user-profile-category.tpl.php and
user-profile-item.tpl.php, also origami_preprocess_user_profile_category. */

.profile-heading-3 {
  clear: both;
}
.profile-label-column {
  width: 300px; /* this is hand-tweaked to match up with CiviCRM profile on user page */
}
.profile-nolabel-column {
  width: 0;
}
.profile-value-column {
}
.profile-item-title {
  vertical-align: top;
  font-weight: bold;
  text-align: right;
  padding-right: 0.7em;
}
.profile-item-value {
  vertical-align: top;
  text-align: left;
}
.profile-item-value p {
  /* formatted profile items get wrapped in <p> and we don't want any additional margin */
  margin: 0.1em 0 0.1em 0;
}

/* special tweak for User Mailman Register when no lists are available */
.umr_profile_nolists td {
  padding-left: 1px;
  text-align: right;
}

/* OTHER PAGE TWEAKS */

/* Reduce question size in FAQs-by-topic listing */
.node-faq h2 {
  font-size: 1.2em;
}

/* Enlarge description text on the publication submission page */
#edit-field-pubsub-description-0-value-wrapper .description {
  font-size: 1.0em;
}

/* Move the devel timer to the bottom of the page */
.dev-timer {
  float: left;
  clear: both;
}

/* Reduce font size of the enormous Permissions matrix on both the main admin  page and the Field Permissions block */
#user-admin-permissions #permissions,
#edit-field-field-permissions-permissions #permissions {
  font-size: 12px;
  line-height: 14px;
}
/* And make the header type even smaller */
#user-admin-permissions thead,
#edit-field-field-permissions-permissions thead {
  font-size: 10px;
  line-height: 12px;
}

/* Reduce font size of the requirements block on the Modules page */
div.admin-requirements,
div.admin-required {
  font-size: 11px;
  line-height: 13px;
}
.page-admin-modules td.help,
.page-admin-modules td.permissions,
.page-admin-modules td.configure {
  font-size: 13px;
  line-height: 15px;
}


/* pagers need a little more spacing from their table and should be a little smaller */
.item-list ul.pager {
  font-size: 90%;
  margin-top: 0.3em;
}


/* Admin page for all publications (admin/content/all-publications) */
.view-ousapubs.view-display-id-page_3 caption {
  /* mimic h3 */
  text-align: left;
  line-height: 120%;
  color: #B1182C;
  font-weight: 400;
  padding: 0.5em 0;
  margin: 0;
  font-size: 1.4em;
}

/* Convention Review node table styling */
.node-convention-review table {
  margin: 10px 0;
}
.node-convention-review table td {
  padding: 0 5px;
  border: 1px solid #888;
}

/* Administration pages */
#admin-dblog {
  font-size: 90%;
}

/* Rules admin page, /admin/config/workflow/rules */
#rules-admin-reaction-overview table.rules-overview-table {
  font-size: 13px;
  line-height: 15px;
}

/* Fix for edit page for individual Rules */
#rules-ui-form-edit-rules-config .tabledrag-toggle-weight-wrapper {
  position: relative;
}

.rules-elements-table ul.rules-operations li {
  margin-left: 0.2em;
  margin-right: 0.2em;
}

/* Term Reference Tree: collapse the tree to nested boxes */
/* See origami_checkbox_tree_level() in template.php */
.no-term-reference-tree-button {
  display: none;
}
ul.term-reference-tree-level {
  font-size: 12px;
  border: 1px solid #BBB;
}
ul.term-reference-tree-level li {
  padding-left: 3px;
  padding-right: 5px;
  vertical-align: top;
}
ul.term-reference-tree-level li.term-reference-tree-no-children {
  display: inline-block;
}
ul.term-reference-tree-level li.term-reference-tree-has-children {
  display: block;
}
li.term-reference-tree-has-children > div.form-type-checkbox > input.form-checkbox {
  width: 0;
  visibility: hidden;
}

/* Views admin page */
table#ctools-export-ui-list-items {
  font-size: 13px;
  line-height: 15px;
}

/* Spamicide module */
.edit-feed-me-wrapper {
  display: none;
}

/* file_show_link module */
.file-show-link {
  font-size: 14px;
  line-height: 16px;
  font-style: italic;
  color: #777;
}
.file-show-link-link {
  font-weight: bold;
}

/* special fix for maintentance pages, which have their own template file. Effects are seen in update.php */
.maintenance-page.one-sidebar #sidebar-first {
  background: #EEE;
  padding-bottom: 10px;
}
.maintenance-page.one-sidebar h2.element-invisible {
  position: static !important;
  clip: auto;
  height: auto;
  overflow: visible;
  margin-top: 3px;
}
.maintenance-page.one-sidebar ol.task-list {
  margin-top: 50px;
}
.maintenance-page.one-sidebar #main {
  margin-left: 250px;
}

/* quickedit form width */
.quickedit-form {
  max-width: 100%;
}