/**
 * blueSteel.css
 *
 * Copyright (c) 2013-2016 Simon Fraser University Library
 * Copyright (c) 2003-2016 John Willinsky
 * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
 *
 * BlueSteel theme Modif version
 * resika arthana
 *
 */

@import "https://fonts.googleapis.com/css?family=Teko:400,700|Pathway+Gothic+One";
@import "clear.css";
body {
    background-color: transparent;
	background-image: url("img/back.jpg"); 
    color: #222;
    display: none;
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
a:link, a:visited, a:active {
    color: SteelBlue;
    text-decoration: none;
}
a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: SteelBlue;
    text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-family: "Pathway Gothic One","Times New Roman",Times,serif !important;
    font-weight: normal;
    text-align: left;
}
h1 {
    font-size: 3em;
    font-weight: normal;
}
h2 {
    font-size: 2em;
    font-weight: normal;
}
h3 {
    font-size: 1.8em;
    font-weight: normal;
}
h4 {
    font-size: 1.6em;
    font-weight: normal;
}
h5 {
    font-size: 1em;
    font-weight: normal;
}
h6 {
    font-size: 0.85em;
    font-weight: normal;
}
#container {
    background-color: #e8eaf6;
	background-image: url("img/back.jpg"); 
	
    display: inline-block;
    margin: 0 auto;
    min-width: 730px !important;
    padding: 0;
    text-align: center;
    width: auto;
}
#header {
    background-color: transparent;
    
    margin: 0;
    min-height: 150px;
    padding: 0;
}
#headerTitle {
    display: inline-block;
    margin: 0 auto;
    width: 1080px;
}
#header h1 {
    color: #111;
    font-family: Teko,verdana,Georgia,"Times New Roman",Times,serif !important;
    font-size: 3.2em;
    font-weight: 200 !important;
    letter-spacing: 0;
    line-height: 150px;
    margin-top: -13.3333px;
    padding: 0 !important;
    text-shadow: 1px 1px #fff;
    text-transform: none;
}
#headerTitle img {
    display: inline-block;
    float: left;
    height: auto;
    margin-bottom: 40px;
    margin-top: 13.3333px;
    max-width: 1080px;
}
#body {
    background-color: #fff;
    background-image: none;
    display: inline-block;
    height: auto;
    margin: -40px auto 12px;
    padding: 0 0 24px;
    width: 1080px !important;
}
#main {
    background-color: transparent;
    background-image: none;
    display: inline;
    float: left;
    margin: 0;
    overflow: visible !important;
    padding: 0;
    position: relative;
    width: 874px;
}
#content {
    border-top: 0 dotted #000;
    font-size: 1em;
}
#navbar {
    background-color: SteelBlue;
    background-image: none;
    border: 0 none;
    clear: both;
    height: 40px;
    margin: 0 0 12px;
    padding: 0;
    text-align: center;
    width: 1080px;
}
#navbar ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}
#navbar ul li {
    float: left;
    margin: 0;
    padding: 0;
}
#navbar a, #navbar a:link, #navbar a:visited {
    color: #fff;
    display: inline-block;
    font-family: "Pathway Gothic One","Times New Roman",Times,serif;
    font-size: 1.4em !important;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 40px;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
}
#navbar a::before, #navbar a::after {
    content: "";
    display: block;
    height: 30px;
    position: absolute;
    top: 5px;
    width: 1px;
}
#navbar a::before {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , rgba(0, 0, 0, 0), #000, rgba(0, 0, 0, 0)) repeat scroll 0 0;
    margin-left: -15px;
    opacity: 0.15;
}
#navbar a::after {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , rgba(255, 255, 255, 0.01), #fff, rgba(255, 255, 255, 0.01)) repeat scroll 0 0;
    margin-left: -14px;
    opacity: 0.35;
}
#navbar li:first-child a::before, #navbar li:first-child a::after {
    background-color: black;
    display: none;
}
#navbar a:hover {
    background: #3f75a2 none repeat scroll 0 0;
    text-shadow: 1px 1px #3f75a2;
}
#navbar a:active {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    text-decoration: underline;
}
ul.sidemenu {
    margin-top: -12px;
    padding-left: 0 !important;
}
ul.sidemenu.full {
    margin: -12px -12px 0;
}
ul.sidemenu li::before {
    display: none;
}
ul.sidemenu li {
    padding: 0;
}
ul.sidemenu li a {
    background-color: #eee;
    border-bottom: 1px solid #b5b5b5;
    color: #222;
    display: block;
    padding: 0.7em 12px;
    text-decoration: none;
}
ul.sidemenu li a:hover {
    background-color: #d3e2ee;
    text-decoration: underline;
}
#breadcrumb {
    background-image: none;
    border-bottom: 1px dotted #333;
    font-size: 1em;
    margin: 0 12px 1em;
    padding: 0.5em 0;
}
#main > h2, #content {
    padding-left: 12px;
    padding-right: 12px;
}
#cpr {
    border: 0 none #fff;
}
#leftSidebar, #rightSidebar {
    background-color: transparent;
    background-image: none;
    font-size: 1em;
    height: auto;
    margin: 40px 0 0;
    overflow: hidden;
    padding: 12px;
}
#leftSidebar {
    border-right: 1px solid #ccc;
    display: none;
    float: left;
    width: 0;
}
#rightSidebar {
    border-left: 1px solid #ccc;
    float: right;
    width: 180px;
}
#rightSidebar div.block, #leftSidebar div.block {
    border: 0 none;
    color: inherit;
    margin-bottom: 12px;
    padding: 0 0 12px;
}
#leftSidebar div.block span.blockTitle, #rightSidebar div.block span.blockTitle {
	background: #dadada url("img/stripes.png") repeat scroll 0 0; 
    color: #444;
    display: block;
    font-weight: bold;
    letter-spacing: 0;
    margin-bottom: 12px;
    padding: 0.5em 1em;
}
#sidebarDevelopedBy.block, #sidebarHelp.block {
    border: 1px solid #999 !important;
    border-radius: 4px;
    padding: 0.5em 1em !important;
}
#sidebarDevelopedBy.block a, #sidebarHelp.block a {
    text-decoration: none;
}
.block p {
    margin: 0 !important;
}
.block ul {
    list-style: outside none none;
    padding-left: 1.2em;
}
.block li::before {
    border-color: transparent SteelBlue;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    content: "";
    display: block;
    height: 0;
    left: -1em;
    position: relative;
    top: 0.9em;
    width: 0;
}
#sidebarFontSize.block {
    padding-bottom: 35px !important;
}
table.tocArticle:nth-child(2n+1) tr {
    background-color: #e5eef5;
}
table.tocArticle:nth-child(2n) tr {
    background-color: #f4f4f4;
}
table.tocArticle tr:hover {
    background-color: #ffedcc;
}
table.tocArticle td {
    padding: 5px 10px;
}
table.tocArticle a {
    text-decoration: none;
}
.tocTitle {
    font-weight: bold;
}
.tocAuthors {
    font-style: italic;
}
td.tocGalleys {
    padding-right: 10px;
}
#content ul.menu {
    margin: 0;
}
#content ul.menu li {
    background-image: linear-gradient(to bottom, #2651ff 0px, #4f72ff 100%);
    background-repeat: repeat-x;
    border-radius: 3px;
    padding: 5px 8px;
}
#content ul.menu li:hover, #content ul.menu li.current {
    background-image: linear-gradient(to bottom, #ec790f 0px, #f28c31 100%);
    background-repeat: repeat-x;
}
#content ul.menu a {
    color: #fff;
}
#content ul.menu a:hover {
    color: yellow;
}
input.textField, select.selectMenu, textarea.textArea, input.uploadField {
    background-color: #f1f1f1;
    border: 1px solid #aaa;
    color: #444;
    padding: 0.3em;
}
input.textField:focus, select.selectMenu:focus, textarea.textArea:focus, input.uploadField:focus {
    border: 1px solid SteelBlue;
}
input[type="submit"], input[type="button"] {
    background-image: linear-gradient(to bottom, #ddd 0px, #c4c4c4 100%);
    background-repeat: repeat-x;
    border: 1px solid #9d9d9d;
    border-radius: 2px;
    color: #444;
    padding: 3px 5px;
    text-decoration: none;
    text-shadow: 1px 1px #f6f6f6;
}
input[type="submit"]:hover, input[type="button"]:hover {
    background-image: linear-gradient(to bottom, #c4c4c4 0px, #aaa 100%);
    background-repeat: repeat-x;
    cursor: pointer;
    text-decoration: none;
}
input.defaultButton {
    color: #2b2b2b;
    font-weight: bold;
}
div.separator {
    border-bottom: 1px dotted #222;
}
.indexers {
    margin: 10px 0;
}
.indexers a {
    border: 2px solid transparent;
    display: inline-block;
    padding: 5px 3px;
}
.indexers a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 center;
    border: 2px dotted SteelBlue;
    opacity: 0.75;
}
.indexers a img {
    height: 38px;
}
a img {
    border: 0 none;
}
div.thickSeparator {
    margin-bottom: 10px;
}
span.highlight {
    background-color: #f4f4f4;
}
.intro {
    background-color: #f4f4f4;
    border: 1px dotted Orange;
    padding: 10px;
}
.intro ul {
    margin: 0;
    padding-left: 1em;
}
.issueCoverImage {
    border: 1px solid #fff;
    margin: 0;
    padding: 0;
}
.issueCoverImage img {
    border: 0 solid #fff;
    margin: 1em 2em 1em 0;
    width: 100px;
}
#content h4 a {
    text-decoration: none;
}
#announcements {
    width: auto;

}
#journalDescription {
    float: center;
    width: 90%;
	padding: 15px;
	background-color: #f1faf5;
	border: 1px dotted SeaGreen;
}
#homepageImage {
	float: center;
    margin-bottom: 12px;
    margin-left: 12px;
    margin-top: 10px;
    text-align: center;
    width: 100%;
}
#homepageImage img {
    display: inline-block;
    max-width: 100%;
	border: 1px  solid black;
	box-shadow: 8px 8px 10px #aaa;
	  
}
#announcementsHome, .clear {
    clear: both;
}
#setupForm #homepageImage {
    float: none;
    margin-left: 0;
    margin-top: 1em;
    text-align: left;
    width: auto;
}
#setupForm #journalDescription {
    float: none;
}
#setupForm #homepageImage img, #setupForm #journalThumbnail img {
    display: inline;
    margin: 5px 0;
}
.selectMenu {
    margin-right: 2px;
}
#poweredby {
    clear: both;
    display: block;
    margin: 0 auto 1em;
    padding-right: 12px;
    text-align: right;
    width: 1080px;
}