/* The MICS custom stylesheet; see also userLoggedIn.css. 
 *
 * This style file is sent to the browser along with OJS' common.css.
 * We override various elements of their style information with our own.
 *
 * The colours in the MICS logo: 
 *   Dark Green:  #7b9066
 *   Light Green: #b7c69d
*/

/* Change both normal and visited links to black. */
a:link, a:visited {
  color: #000;
}

/* Change active links to blue. */
a:active {
  color: #00F;
}

/* Change the header, footer, and body background colour to white. */
body, #header, #footer {
  background-color: #FFF;
}

/* Change the font-family of various elements including the header, the
 * main body and the content pane. */
#header h1, #main h2, #main h3, #content h3, #content h4 {
  font-family: Arial, 'Times New Roman', Times, serif;
}

/* Turn off the navbar border-bottom. */
#navbar {
  border-bottom: none;
}

/* Change the style of the content's top border, turn on a right
 * border, and add padding to prevent text touching the border. */
#content {
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  padding-right: 1.5em;
}

/* Turn off the display of navigation breadcrumbs, journal page title
 * (it's superfluous), journal help, user login, reader tools and
 * "developed by" link.
 * We really only want these turned off on the front/splash page. */
#breadcrumb, #journal_page_title, #journal-help, #user-login, #reader-tools, #developed-by { 
  display: none;
}

/* Turn off all the decoration on links in the footer because they are
 * images.  */
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
  background: #FFF;
}

/* Turn off the image border, and add padding to the right side, to
 * avoid text bumping into the edge of the image. */
#footer img {
  border: none;
  margin-right: 25px;
}

/* Additional customizations to the navigation bar.  Centre the menu
 * items, insure hovered links retain a white background and take black
 * text, slightly bolden the navigation menu item font face, and set the
 * font colour to the dark green in the logo's swirled "S".*/
#navbar .menu {
  text-align: center;
}

#navbar a:hover {
  background: #FFF;
  color: #000;
}

#navbar a {
  color: #7b9066;
  font-weight: 300;
}

/* The Editors-in-Chief are listed in a span element under the header image.
 * Centre the text and collapse whitespace to keep the header compact. */
#headerUnderTitle h5 {
  text-align: center;
  margin: 0;
  padding: 0;
}