/**
 *
 * Open Journal Systems
 * Copyright (c) 2013-2016 Simon Fraser University Library
 * Copyright (c) 2003-2016 John Willinsky
 *
 **/
/**
 * Copyright (c) I Putu Ayub Darmawan putuayub.simpson@gmail.com
 *
 * Designed for Sabda:Jurnal Teologi Kristen STT Nusantara Salatiga
 * 
 * Credits:
 * Background pattern from https://www.toptal.com/designers/subtlepatterns
 */
@import url('https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i');
#header {background: none; padding-bottom: 40px}

#navbar {background-color: #38aa91; border: 0;height: 40px;margin-bottom: 10px;margin-left: 0 !important;padding: 0;text-align: left; width: 1020px}
#navbar ul {margin: 0; padding: 0 0 0 10px}
#navbar ul li { float: left; margin: 0; padding: 0}
#navbar a,#navbar a:link,#navbar a:visited { color: white; display: inline-block;font-size: 0.6em; font-weight: 700; line-height: 40px; margin: 0; padding-left: 10px; padding-right: 10px}
#navbar a::after,#navbar a::before {content: "";display: block;height: 30px;position: absolute;top: 5px;width: 1px}
#navbar a::before {background: -moz-linear-gradient(center top, rgba(0, 0, 0, 0), #000, rgba(0, 0, 0, 0)) rgba(0, 0, 0, 0);margin-left: -10px;opacity: .1}
#navbar a::after {background: -moz-linear-gradient(center top, rgba(255, 255, 255, .01), #fff, rgba(255, 255, 255, .01)) rgba(0, 0, 0, 0);margin-left: -9px;opacity: .25}
#navbar li:first-child a::after,#navbar li:first-child a::before { background-color: #000; display: none}
#navbar a:hover {background: rgba(0,0,0,.3);}
#body,#header,#navbar,#sidebar,#main {display: inline-block !important}
#leftSidebar div.block span.blockTitle,#rightSidebar div.block span.blockTitle,#sidebarDevelopedBy.block,#sidebarHelp.block {background: url(/public/site/images/administrator/stripes.png)}
#body,#main,body {background-color: #fff}#additionalHomeContent,#announcementsHome,#navbar { clear: both}
#container,#headerTitle { margin: 0 auto; display: inline-block}
#announcements,#container {width: auto}
#body,#container,#headerTitle,#headerTitle img {display: inline-block}
#header,#navbar,ul.sidebarmenu li:before { display: none}
#headerTitle{box-shadow: -5px 10px 5px -5px rgba(0,0,0,.4), 5px 10px 5px -5px rgba(0,0,0,.4);}
#body{box-shadow: -5px 0 5px -5px rgba(0,0,0,.4), 5px 0 5px -5px rgba(0,0,0,.4);}

body { color: #333; font-family: 'Lato', serif;font-size: 18px}
a:active,a:link,a:visited {color: #0e7b8e; text-decoration: none}
#navbar a:active,a:hover { background: rgba(0, 0, 0, .25);text-decoration: none}
#container {background: linear-gradient(rgba(231, 186, 236, 0.45), rgba(231, 186, 236, 0.45)),url(/public/site/images/administrator/symphony.png) ; min-width: 730px!important; text-align: center}
#headerTitle {width: 1020px; background: #FFFFFF !important;}
#header h1 {color: #111;font-family: Georgia,"Times New Roman", Times, serif;font-size: 1.4em; font-weight: 400; letter-spacing: 1px; line-height: 120px; padding: 0; text-shadow: 1px 1px #fff}
#headerTitle img { float: left; margin-right: 20px }
#body {margin: -40px auto 0;width: 1020px !important;padding-bottom: 20px}
#main {float: left;margin-left: 0;margin-right: 0 !important;overflow: visible !important;padding: 0;position: relative;width: 805px;display: none}
#content h1,#content h2,#content h3,#content h4,#main>h2 {color: #333;font-family: 'Lora', serif;font-weight: 500}
#content {border-top: none;}
#leftSidebar {display: none;border-right: 1px solid #ccc; float: left;width: 0}
#breadcrumb {font-family:'Lato', sans-serif;margin: 0 20px;padding: .7em 0;border-bottom: 1px solid #c686d2}
#content,#main>h2 { padding-left: 20px; padding-right: 20px}
#leftSidebar,#rightSidebar { font-size: .68em; height: 100%; margin-left: 0; margin-right: 0; overflow: hidden;padding: 50px 10px 10px}
#rightSidebar {border-left: 2px solid #839e9c;float: right; width: 191px; background: transparent none;}
#leftSidebar div.block,#rightSidebar div.block { border: 0;color: inherit; padding: 0 0 10px; margin-bottom: 10px; border-bottom: solid 1px #c686d2;}
#leftSidebar div.block span.blockTitle,#rightSidebar div.block span.blockTitle,#sidebarDevelopedBy.block,#sidebarHelp.block {color: white; display: block; letter-spacing: 0; margin-bottom: 10px;background: #38aa91 url(/public/site/images/administrator/stripes.png); padding: .4em 10px !important; text-transform: uppercase; border-bottom: none;}
#sidebarDevelopedBy.block a,#sidebarHelp.block a {color: white; text-transform: uppercase;text-decoration: none}
#sidebarDevelopedBy.block a:hover,#sidebarHelp.block a:hover {background: none}
#sidebarNavigation.block input:text, #sidebarNavigation.block select{width:100% !important}

#content h4 a,input[type=button],input[type=submit],table.tocArticle a {text-decoration: none}
.block p { margin: 0!important}
.block ul { list-style: none;padding-left: 1.2em}
.block li:before {content: "\00BB"; display: block;height: 0;left: -1em; position: relative;width: 0}
.banner-img,.indexers a,.intro { display: inline-block}
#sidebarFontSize.block {padding-bottom: 35px !important}
#customblock-sidebarmenu {border-bottom: none !important}
ul.sidebarmenu li a,ul.sidebarmenu li:first-child a {border-top: 1px solid white}
ul.sidebarmenu {padding-left: 0 !important; margin: -10px -10px 0}
ul.sidebarmenu li { padding: 0}
ul.sidebarmenu li a {background: #38aa91; color: white;display: block;padding: 0.66em 10px .6em 13px;text-decoration: none}
ul.sidebarmenu li a:hover {background: #560783}

table.tocArticle:nth-child(2n+1) tr {background-color: #f0f0ff}
table.tocArticle:nth-child(2n) tr {background-color: #f4f4f4}
table.tocArticle tr:hover {background-color: #f4ccff}
table.tocArticle td { padding: 5px 10px}
.tocTitle {font-weight: 700}
.tocAuthors { font-style: italic}
td.tocGalleys { padding-right: 10px}
#content ul.menu { margin: 0}
#content ul.menu li {background: linear-gradient(to bottom, #ce26ff 0, #c74fff 100%) repeat-x; border-radius: 0;padding: 5px 8px}
#content ul.menu li.current,#content ul.menu li:hover { background: linear-gradient(to bottom, #ec790f 0, #f28c31 100%) repeat-x}
#content ul.menu a {color: #fff}
#content ul.menu a:hover {color: #cc00ff}
input.textField,input.uploadField,select.selectMenu,textarea.textArea {background-color: #f1f1f1; border: 1px solid #aaa; color: #444; padding: .3em}
input.textField:focus,input.uploadField:focus,select.selectMenu:focus,textarea.textArea:focus {border: 1px solid #0d355e}
input[type=button],input[type=submit] { background-image: linear-gradient(to bottom, #ddd 0, #c4c4c4 100%); background-repeat: repeat-x; border: 1px solid #9d9d9d;border-radius: 0px;color: #444;padding: 3px 5px;text-shadow: 1px 1px #f6f6f6}
input[type=button]:hover,input[type=submit]:hover {background-image: linear-gradient(to bottom, #c4c4c4 0, #aaa 100%);background-repeat: repeat-x; cursor: pointer;text-decoration: none}
input.defaultButton {color: #2b2b2b; font-weight: 700}
div.separator { border-bottom: 1px dotted #222}
.banner-img { margin-bottom: 10px}
.banner-img:hover {opacity: .7; filter: alpha(opacity=70)}
.indexers {margin: 10px 0}
.indexers a { border: 2px solid transparent; padding: 5px 3px}
.indexers a:hover { background: 0 0;border: 2px dotted #000088; opacity: .75; filter: alpha(opacity=75)}
.indexers a img {height: 38px}
a img { border: 0}
div.thickSeparator {margin-bottom: 10px}
span.highlight { background-color: #fef0ff}
.intro {background-color: #ffdbfd; border: 1px dotted #e400ff;padding: 10px}
.intro ul { margin: 0;padding-left: 1em}
.highlight { background-color: #fef0ff;border: 1px dashed #cdc9c6;padding: 2px}
.issueCoverImage {border: 1px solid #fff; margin: 0; padding: 0}
.issueCoverImage img { border: 0 solid #fff; box-shadow: 4px 4px 6px #aaa; margin: 1em 2em 1em 0; width: 100px}
.cover-image-intro { border: 1px solid #eee; box-shadow: 1px 1px 12px #ccc; margin: 0 0 0 1em; width: 100px}
.color-box {display: block;float: left; height: 40px; margin-right: 5px; width: 60px}
.color1 { background-color: #0d355e}
.color1-light {background-color: #f0f0ff}
.color2 {background-color: #bc05f8}
.color2-light {background-color: #ffedcc}
.color-grey-light { background-color: #f4f4f4}
#journalDescription {float: left;width: 60%}
#homepageImage {float: right;width: 38%; margin-bottom: 10px}
#homepageImage img {height: auto;max-width: 100%;margin-top: -1em}
#setupForm #homepageImage,#setupForm #journalDescription {width: 100%}
#setupForm #homepageImage img { margin-left: 0; margin-top: 0}
#body { display: none}
#setupForm .uploadField {width: 400px !important; margin-right: 10px; float: left !important;}
#setupForm img {width: auto !important; max-width: 100% !important; height: auto; margin-right: 10px; float: left !important;}
#sidebar {float: right;}
form#settings img {width: 100% !important;}
#customblock-tools .separator::after,#customblock-tools .separator::before {content: "";display: block;height: 1px;position: absolute;top: 5px;width: 100%}
#customblock-tools .separator::before {background: -moz-linear-gradient(center top, rgba(0, 0, 0, 0), #000, rgba(0, 0, 0, 0)) rgba(0, 0, 0, 0);margin-top: -10px;opacity: .1}
#customblock-tools .separator::after {background: -moz-linear-gradient(center top, rgba(255, 255, 255, .01), #fff, rgba(255, 255, 255, .01)) rgba(0, 0, 0, 0);margin-top: -9px;opacity: .25}
#customblock-tools ul li {list-style: none; border-bottom: solid 1px #ccc;}
#customblock-tools ul li:last-child {border-bottom: none}
#customblock-tools ul li::before {content: ""; left:0;}
#customblock-tools img {width: 100%;}
#customblock-tools ul li a:hover {background: none !important;}
a.action {padding: 3px 5px; text-decoration: none; background: #1b74af; color: #FFFFFF; margin-left: 2px; margin-right: 2px; }

#pageFooter { border-top: solid 1px #ba86d2; padding-top 15px;}