/**
 * UnCommon Theme
 * Copyright (c) Jon Whipple
 * based on the common.css design by John Willinky
 * 
 * based on common.css
 *
 * Copyright (c) 2003-2012 John Willinsky
 * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
 *
 * $Id$
 */

@font-face {
	font-family: 'EHUSans';
	src: url("/public/journals/112/EHUSans/EHUSans-Regular.otf");
}

@font-face{
	font-family: 'EHUSans-Light';
	src: url("/public/journals/112/EHUSans/EHUSans-Light.otf");
}

@font-face{
	font-family: 'EHUSans-Italic';
	src: url("/public/journals/112/EHUSans/HUSans-Italic.otf");
}

@font-face{
	font-family: 'EHUSans-BoldItalic';
	src: url("/public/journals/112/EHUSans/EHUSans-BoldItalic.otf");
}

@font-face{
	font-family: 'EHUSans-Bold';
	src: url("/public/journals/112/EHUSans/EHUSans-Bold.otf");
}

@font-face{
	font-family: 'EHUSans-black';
	src: url("/public/journals/112/EHUSans/EHUSans-black.otf");
}

/**
 * Common HTML elements
 */

body {
	background-color: #fff;
	color: #333;
	font-size: 11pt;
	text-align: justify;
	line-height: 120%;
}

a:link {
	color: #006699;
}

a:active {
	color: #3399CC;
}

a:visited {
	color: #006699;
}

a:hover {
	color: #eee;
	background: #006699;
}

label.error {
	color: #900;
}

input {
	border: 1px solid #006699;
}

input.textArea, textarea.textArea {
	background-color: #ffffff;
	color: #333333;
	border: 1px solid #006699;
	font-size: 11pt;
	text-align: justify;
	width: 95%;
	height: 300;
}

input.textField, select.selectMenu, input.uploadField {
	background-color: #ffffff;
	color: #333333;
	border: 1px solid #006699;
	font-size: 12pt;
	text-align: justify;
}

input.button {
	background-color: #EEEEFF;
}

input.defaultButton {
	background-color: #3399CC;
	color: #eee;
}

#header {
	background: url("/public/journals/112/header-bg.png") repeat-x;
	width: 100%;
	line-height: 100%;
	text-align: center;
}

#header h1 {
	padding: 1em 0 1em 0;
	font-family:  EHUSans,sans-serif;
	font-weight: bold;
	font-size: 20pt;
	text-transform:  uppercase;
	color: #ffffff;
	letter-spacing: 2px;
	text-align: center;
}

#header h1 img {
	width: 80%;
	text-align: center;
	vertical-align: top;
	margin: 0;
	padding: 0;
}

#footer {
	width: 100%;
	min-height: 35px;
	background-color: #006699;
	color:  #ffffff;
	padding: 15px;
}

#footerContent {
	color:  #ffffff;
	font-size: 11pt;
}

#main h2 {
	font-family:  EHUSans,sans-serif;
	font-weight: bold;
	color: #006699;
}

#main h3 {
	font-family:  EHUSans,sans-serif;
	font-weight: bold;
	color: #006699;
	font-size: 12pt;
	line-height: 1.5;
}

#main h4 {
	font-family:  EHUSans,sans-serif;
	font-weight: bold;
	color: #006699;
	font-size: 12pt;
	line-height: 1.5;
}

#navbar {
	border-bottom: 5px solid #006699;
    li.categories {display: none;}
    li.user {display: none;}
    font-size: 12pt;
}

#navbar li#categories, #navbar li#user {
	display: none;
}
     
#breadcrumb {
	color: #666666;
}

#content {
	border-top: 5px solid #006699;
	font-size: 11pt;
}

#content h3 {
	font-family:  EHUSans,sans-serif;
	font-weight: bold;
	color: #006699;
	line-height: 200%
	font-size: 12pt;
	line-height: 1.5;
}

#content h4 {
	font-family:  EHUSans,sans-serif;
	font-weight: bold;
	color: #666666;
}

#content h5 {
	color: #666666;
}

#leftSidebar div.block {
	padding: 0.5em 0;
	border-top: 5px solid #006699;
	border-bottom: 1px solid #006699;
	margin-bottom: 5px;
	color: #999999;
	font-size: 11pt;
}

#rightSidebar div.block {
	padding: 0.5em 0;
	border-top: 5px solid #006699;
	border-bottom: 1px solid #006699;
	margin-bottom: 5px;
	color: #999999;
	font-size: 11pt;
	li.categories {display: none;}
}

#rightSidebar li#categories {
	display: none;

#leftSidebar div.block span.blockTitle {
	padding: 0;
	font-weight: bold;
	color: #006699;
	font-size: 11pt;
}

#rightSidebar div.block span.blockTitle {
	padding: 0;
	font-weight: bold;
	color: #006699;
	font-size: 11pt;
}

#leftSidebar div.block span.blockSubtitle {
	font-weight: bold;
	font-size: 11pt;
}

#rightSidebar div.block span.blockSubtitle {
	font-weight: bold;
	font-size: 11pt;
}

#articleFontSize {
	float: right;
	line-height: 1.5;
}

#articleFontSize img {
	display: inline;
	line-height: 1.5;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

pre {
	background-color: #EEEEFF;
}

div.separator {
	border-bottom: 2px solid #006699;
	font-size: 11pt;
}