/* 
    Document   : uair-basic
    Created on : Oct 28, 2010, 9:43:45 AM
    Author     : bidwellg
    Description: base uair/ua/ual styling for OJS
*/
/*UA banner - required by campus, #ccc per UAIR sites */
#uaBanner {
  height: 42px;
  background-color: #ccc;
}
#uaBanner a {
  border-bottom: 0;
}
#uaBanner a:hover, .homepageImage a:hover {
  top: 0;
}
h1 { font-size: 1.8em; margin: 1em 0; font-weight: bold;}
h2 {font-size: 1.6em; margin: 0.8em 0; font-weight:  bold;}
h3 { font-size: 1.4em; margin: 0.5em 0; font-weight: bold;}
h4 { font-size: 1.2em; margin: 0.2em 0; font-weight: bold;}
h5 { font-size: 1em; margin: 0.1em 0; font-weight: bold;}

body {
  font-family: /*'Cantarell',*/ Verdana, sans-serif;
  color: #444;
}
body {
  background: url(testbg.png);
}

h1, h2, h3, h4, h5, h6 {
  font-family: /*'Vollkorn',*/ Georgia, 'Times New Roman', 'Times', serif;
  font-style: italic;
  font-weight: normal;
}
h2 + h3 {
  font-weight: normal;
}
#header h1 {
  margin: 0;
}
#content ul li {
  padding-left: 1em;
}
#content ul li {
  background: url("bullet.png") no-repeat left top;
    
}

/*there are a bunch of similar menus that are all classed differently */
#content ul.steplist li {
  background: none;
}
#content ul.menu li {
  background: none;
  float: left;
  margin-right: 15px; 
}

#content ul.plain li {
  background: none;
}
/* UAIR header, for all journals */
/* Header */
#header {
  background: #6F8DB8;
  color: #fff;
  float: left;
  width: 100%;
  line-height: 61px;
}

/*these get re-adjusted with the header line-height  or overridden per-journal */
.uair-logo img,
.journal-logo img,
.journal-title img {
  margin-top: 10px;
}
#header div {
 float: left;
 padding: 5px;
}
#header .uair-logo a,
#header .uair-logo a:link {
  display: block;
  padding-bottom: 1px;
  border-bottom: none;
}
#header .uair-logo a:hover {
  border-bottom: none;
}
#header a:focus {
  outline: 1px dotted #000;
}
#header .journal-title {

}

/* Links */
a, a:link {
  color: #5273B8;
  text-decoration: none;
  border-bottom: 1px dotted #5273B8;
  padding: 2px;
}
a:visited, a:hover, a:active {
  color: #3E526f;
  border-bottom: 1px solid #333;
}
a:hover {
  position: relative;
  top: 1px;
}
a:focus {
  outline: 1px dotted #8B939C;
}
/* Font resize icon links (they are images) */
a.icon {
  border-bottom: 0;
}
:selection,
:-moz-selection,
:-webkit-selection {
  background: #C2D4EF;
}

/* basic type - the js font sizer sets an element style directly on the body tag, so we have to set relative sizes below that */
body
{
    line-height: 1.5em;
}
#main {
  font-size: 62.5%; /* 10px */
}
#content {
  font-size: 1.5em; /*15px*/
  padding-bottom: 1.5em;
}
.sidebar {
  font-size: 1.25em;
  line-height: 1.65em;
}
#footer {
  font-size: 0.8em;
  background: #eee;
  color: #333;
  border-top: 2px solid #ccc;
}
#container {
  overflow: hidden; /* ie7 */
}
/*navigation and breadcrumbs */
/* Navigation bar */
#navbar {
  padding-bottom: 0;
  font-size: 1.15em;
  font-family: Georgia, serif;
  border-bottom: 2px solid #6F8DB8;
}
#navbar a {
  display: block;
  padding: 4px;
  letter-spacing: normal;
  text-transform: none;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 15px;
}
#navbar a:hover {
  border-bottom: 1px solid #ccc;
  position: relative;
  top: 1px;
}
#navbar ul.menu {
  display: inline-block;
}
/*add borders here for tabbed look*/
#navbar ul.menu li {
  display: block;
  float: left;
  padding-top: 2px;
  padding-right: 4px;
  padding-left: 4px;
  padding-bottom: 0;
  margin-right: 10px;
}

/* Breadcrumbs */
#breadcrumb {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #AAA;
  font-size: 0.75em; /* 12px */
  line-height: 2em; /* 24px */
}
#breadcrumb a:link {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 2px;
}
#breadcrumb a:hover {
  border-bottom: 1px solid #ccc;
}



#header h1 { font-weight: normal; font-size: 1.2em; line-height: 2.4em; }

.tocArticle h5 {font-weight: normal;}
p.article-authors { font-style: italic; }

#footer a.liblink {
  display: inline-block;
}
p, input {
  margin: 0.25em 0;
}

.block h3 {
  font-size: 1.2em;
  font-weight: bold;
}
h3.issueTOC {
  font-size: 1.1em;
  font-weight: normal;
  border-bottom: 1px solid #eee;
  font-style: normal;
  margin: 1.3em 0;
}
.tocSectionTitle {
  font-weight: normal;
  font-style: italic;
  font-size: 1.2em;
}

#content div#accessKey {padding-bottom: 0; /* ie7 */}
label {
  /*font-weight: bold;*/
}
.block label { font-weight: normal;}

.feeds a {
  border-bottom: 0;
}
.block {
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.blockTitle {
  background: #CCCCCC;
  color: #666;
  margin-bottom: 0.3em;
  padding: 4px;
  margin: 0;
  font-style: italic;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}



#sizer a {
  border-bottom: 0;
  padding: 0;
  outline: 0;
}
/* Font Sizer, added back from OJS's styles/common.css */

.smallFont {
	outline: none; /*for making it look nice in FF */
	background: url(../pkp/templates/images/icons/font-down.png);
	text-indent: -9999px;
	display: block;
	float: left;
	width: 20px;
	height: 23px;
	margin-right: 4px;
	margin-left: 8px;
}

a.smallFont:hover {
	background: url(../pkp/templates/images/icons/font-down.png);
}

.defaultFont {
	/*if you want to hide the default font button, use display:none */
	background: url(../pkp/templates/images/icons/font-default.png);
	text-indent: -9999px;
	outline: none;
	display: block;
	float: left;
	width: 20px;
	height: 23px;
	margin-right: 4px;

}

a.defaultFont:hover {
	background: url(../pkp/templates/images/icons/font-default.png);
}

.largeFont {
	background: url(../pkp/templates/images/icons/font-up.png);
	outline: none;
	text-indent: -9999px;
	display: block;
	float: left;
	width: 20px;
	height: 23px;
}

a.largeFont:hover {
	background: url(../pkp/templates/images/icons/font-up.png);
}

/* form elements */
form {
  margin: 0.5em 0;
}
/* only round out certain input boxes since it looks awkward in the admin screens 
#sidebar input,
input.button,
input.defaultButton,
table.data input  {
  border: 1px solid #ccc;
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
}
input#remember {
  border: 0;
}*/
#sidebarUser input {
  margin: 0;
}

h3.articleTitle {
  font-weight: normal;
  font-size: 1.2em;
  margin-bottom: 0;
}
#articleAbstract {
  padding-top: 10px;
}
#articleAbstract h4 {
  font-weight: normal;
}
#signinTable td {
  padding: 3px;
}

/* site home page*/
.journal {
  clear: both;
}
.journal-image {
  float: left;
  margin-right: 15px;
}
.journal-image img {
  width: 120px;
  height: auto;
}
.journal-image a {
  border-bottom: 0;
}
.addthis_container {
  padding: 10px;
}
.addthis_container a {
  border-bottom: 0;
}

.current {
  font-weight: bold;
}

#displayMembership h4 {
  margin-bottom: 1em;
}