/*

  aishe-j site-specific css

  This is localisation for the specific journal; in many cases,
  overriding default styling provided by OJS.

  <barry.mcmullin@dcu.ie>

2008-11-24: Added "overflow: visible" to #main and #leftSidebar;
  this is to override "overflow: hidden" in leftSidebar.css; the
  problem with hiding the overflow is particularly with #main
  where it can silently lose critical information. Specifically,
  one editor, with default browser config, on attempting to
  assign a reviewer, could not see any "Action" column - with no
  way of knowing why! <barry.mcmullin@dcu.ie>

2009-08-21: Problem with article view (framed - yuk!): no left
  margin or padding on #main...  How to fix without messing up
  "normal" styling? This left margin "normally" comes from 2%
  *right* margin on #leftSidebar - but this left sidebar is not
  present in the article view. So put 0% right margin on
  #leftSidebar and 2% left margin on #main ... makes no nett
  change in the "normal" context, but gives a (minimal) margin in
  the article view. Overall, this still needs review/revisiting;
  in particular, the 78% width on #main is not ideal for article
  view (where there is no left sidebar so it should ideally be
  more like 90%) - but there is no easy way of assigning
  different widths for these two contexts (without mucking with
  the "generic" OJS stylesheets - which would be fragile against
  OJS updates)...

*/

body {
  color: black; 
  background-color: white; 
  margin-left: auto; 
  margin-right: auto;
  padding: 0em;
  width: 100%; 
/*  max-width: 50em; */
}

#body {
  width: 100%; 
  background: #C0E0C0;
}


pre, code, tt { 
  font-family: monospace;
  font-size: 1.2em;
}

blockquote { font-style: italic; }

p { 
  margin-top: 0.5em; 
  margin-bottom: 0.5em;
  text-indent: 0%;
}

hr {
  margin-top: 1.5em; 
  margin-bottom: 1.5em;
}

#header, #headerTitle, #header h1 
{
  background-color: #C0FFC0;
  width: 100%;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-weight: bolder;
  line-height: 100%;
  font-size: 1.5em;
}

#header h1 { 
  width: 90%;
  text-align: center;
}

a {
  text-decoration: none;
}

a:link {
  color: #375;
}

a:active {
  color: #253;
}

a:visited {
  color: #253;
}

a:hover {
  color: #253;
  background: #CDC;
}

#footerContent {
  width: 100%;
}

div.logobox {
  margin-top: 2em;
  border-top: 2px dotted #000;
  padding-top: 1em;
  width: 100%;
}

div.logobox p {
  margin-left: 2em;
  margin-right: 2em;
  text-align: center;
 }

div.logobox p a img { 
  border: 0em;
  margin: 0.5em;
  padding : 0em;
}

div.logobox p a:hover {
/* The hover styling just doesn't seem to work well on images? */ 
  color: inherit;
  background: inherit;
}

#content h3{ font-size: 1.4em }
#content h4{ font-size: 1.2em }
#content h5{ font-size: 1.1em }


ul.menu li {
	padding-right: 0.5em;
}

ul.menu a {
  font-size: 1.0em;
  text-transform: none;
  text-decoration: none;
  font-variant: small-caps;
}

#content {
	font-size: 1.0em;
}

table.listing tr.heading td, table.listing td.heading, table.info td.heading {
	text-transform: none;
	font-size: 1.0em;
	font-weight: bolder;
}

#breadcrumb {
	padding-top: 0.5em;
	font-size: 0.9em;
}

#navbar a {
	font-size: 0.9em;
	letter-spacing: 0.0em;
}

#main {
	width: 78%;
	overflow: visible;
        margin-left: 2%;
        margin-right: 2%;
}

#leftSidebar {
        margin-left: 0%;
        margin-right: 0%;
	padding-left: 2%;
	font-size: 0.75em;
	background-color: #C0E0C0;
	width: 16%;
	overflow: visible;
}