@import url(https://fonts.googleapis.com/css?family=Teko:400,700|Pathway+Gothic+One);
@import url(imgs/clear.css);

body{margin:0; 
padding:0;
background-color:transparent;
background-image:none;
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-weight:normal;
font-size:12px;
/*display:none;*/
color:#222}

a:link,a:visited,a:active{color:#4169E1;
text-decoration:none}

a:hover{color:#00203e;
background:none;
text-decoration:underline}

h1,h2,h3,h4,h5,h6{font-family:'Pathway Gothic One',"Times New Roman",Times,serif!important;
color:#000;
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:.85em;
font-weight:normal}

#container{margin:0 auto;
z-index:1;
background-color:#E6E6FA;
padding:0;
background-image:url;
background-attachment: fixed;
width:auto;
min-width:730px!important;
text-align:center;
display:inline-block}

#header{margin:0;
background: white;
z-index:2;
padding:0;
background-color:#E6E6FA;
background-image:url;
background-attachment: fixed;
min-height:150px}

#headerTitle{width:1080px;
margin:0 auto;
display:inline-block}

#header h1{font-family:Teko,verdana,Georgia,"Times New Roman",Times,serif!important;
font-weight:400!important;
text-transform:none;
font-size:3.2em;
letter-spacing:0;
color:#111;
text-shadow:1px 1px #fff;
padding:0!important;
line-height:150px;
margin-top:-13.33333333px}

#headerTitle img{float:left;
display:inline-block;
margin-top:13.33333333px;
margin-bottom:40px;
width: 100%;     
max-width:1080px;
box-shadow: -10px 40px 50px -8px black, 10px 40px 50px -8px black;
height:auto}

#body{margin:-40px auto 12px auto;
box-shadow: -10px 10px 50px -8px black, 10px 10px 50px -8px black;
padding:0 0 24px 0;
background-color:#fff;
background-image:none;
width:1080px!important;
display:inline-block;
height:auto}

#main{margin:auto;
border-right-width:1px;
border-right-style:solid;
border-right-color:#ccc;
border-left-width:1px;
border-left-style:solid;
border-left-color:#ccc;
padding:0;
background-color: #E6E6FA;
background-image:none;
display:inline;
float:left;
position:relative;
width:690px;
min-height:800px !important;
overflow:visible!important}

#main>h2 {
    color: #333;
    font-family: Cuprum, sans-serif;
    font-weight: 700
}

#content{border-top:0 dotted #000;
font-size:1em}

#navbar{margin:0 0 12px -185px;
padding:0;
background-color:#0a007c;
background-image:none;
clear:both;
text-align:center;
border:0;
height:40px;
width:1080px}

#navbar ul{margin:0;
padding:0;
display:inline-block}

#navbar ul li{margin:0;
padding:0;
float:left}

#navbar a,#navbar a:link,#navbar a:visited{font-family:'Pathway Gothic One',"Times New Roman",Times,serif;
font-weight:100;
font-size:1.4em!important;
text-transform:uppercase;
letter-spacing:0;
color:/*^*#ffa811*/ yellow;
line-height:40px;
display:inline-block;
margin:0;
padding-left:15px;
padding-right:15px}

#navbar a:before,#navbar a:after{content:'';
position:absolute;
top:5px;
display:block;
height:30px;
width:1px}

#navbar a:before{margin-left:-15px;
opacity:.15;
background:rgba(0,0,0,.7);
background:linear-gradient(to top,rgba(0,0,0,0),#000,rgba(0,0,0,0));
background:-webkit-linear-gradient(top,rgba(0,0,0,0),#000,rgba(0,0,0,0));
background:-ms-linear-gradient(top,rgba(0,0,0,0),#000,rgba(0,0,0,0));
background:-moz-linear-gradient(top,rgba(0,0,0,0),#000,rgba(0,0,0,0));
background:-o-linear-gradient(top,rgba(0,0,0,0),#000,rgba(0,0,0,0))}
#navbar a:after{margin-left:-14px;
opacity:.35;
background:rgba(255,255,255,.8);
background:linear-gradient(to top,rgba(0,0,0,0),#fff,rgba(0,0,0,0));
background:-webkit-linear-gradient(top,rgba(0,0,0,0),#fff,rgba(0,0,0,0));
background:-ms-linear-gradient(top,rgba(0,0,0,0),#fff,rgba(0,0,0,0));
background:-moz-linear-gradient(top,rgba(255,255,255,.01),#fff,rgba(255,255,255,.01));
background:-o-linear-gradient(top,rgba(0,0,0,0),#fff,rgba(0,0,0,0))}
#navbar li:first-child a:before,#navbar li:first-child a:after{background-color:black;
display:none}
#navbar a:hover{background:#b68639;
color:#fff;
text-shadow:1px 1px #2b1a00}
#navbar a:active{background:none;
text-decoration:underline}
ul.sidemenu{margin-top:-12px;
padding-left:0!important}
ul.sidemenu.full{margin:-12px -12px 0 -12px}
ul.sidemenu li:before{display:none}
ul.sidemenu li{padding:0;}
ul.sidemenu li a{display:block;
padding:.7em 12px .7em 12px;
border-bottom:1px solid #b5b5b5;
background-color:#c8f6fc;
text-decoration:none;
color:#222}
ul.sidemenu li a:hover{background-color:#1c4899; color:#fff;
text-decoration:none}
#breadcrumb{margin:0 12px 1em 12px;
padding:.5em 0;
background-color:#yellow;
background-image:none;
font-size:1em;
border-bottom:1px dotted #333}
#main>h2,#content{padding-left:12px;
padding-right:12px}

/* Copyright (c) themeOJS - http://www.themeojs.com */
/* Modified by: Yananto Mihadi Putra */
#cpr{border:0 none #fff}
#leftSidebar,#rightSidebar{margin:40px 0 0 0;
	border-top: 5px solid #fff /*#069*/;
	border-bottom: 3px solid #fff /*#069*/;
	padding:12px /*0.5em 0*/;
	background-color:transparent;
	background-image:none;
	font-size:.8em;
	height:auto;
	overflow:hidden}

#leftSidebar{width:160px;
	display:inline;
	float:left;
}

#rightSidebar{width:180px;
	float:right;
}

#rightSidebar li, #leftSidebar li {list-style-type: none;}

#rightSidebar div.block,#leftSidebar div.block{border:0;
	padding:0 0 12px 0;
	/*margin-bottom:12px;*/
	color:inherit}
#leftSidebar div.block span.blockTitle,#rightSidebar div.block span.blockTitle{padding:.5em 1em;
	/*margin-bottom:12px;*/
	background:#4169E1 url(/public/site/images/lisania/stripes.png);
	display:block;
	color:#fff;
	text-shadow:1px 1px #2b1a00;
	/*font-weight:bold;*/
	letter-spacing:0}

#sidebarDevelopedBy.block,#sidebarHelp.block{border:1px solid #999!important;
	border-radius:4px;
	padding:.5em 1em!important}

#sidebarDevelopedBy.block a,#sidebarHelp.block a{text-decoration:none}
.block p{margin:0!important}
.block ul{padding-left:1.2em; list-style:none}
.block li:before{/*content:""*/;
	list-style:none;
	border-color:transparent #023a79;
	border-style:solid;
	border-width:.35em 0 .35em .45em;
	display:block;
	height:0;
	width:0;
	left:-.5em;
	top:.9em;
	position:relative}

#sidebarFontSize.block{padding-bottom:35px!important}

#rightSidebar ul, #leftSidebar ul {
	list-style:none;
	margin-left: 0px;
	padding-left: 0px;
	border-top: 3px solid #069;
	border-bottom: 1px solid #069;
}

table.tocArticle:nth-child(odd) tr{background-color:#f7eae4}
table.tocArticle:nth-child(even) 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}
.tocDOI, 
.articleDOI {
    background: url(http://dx.doi.org/static/img/Logo_TM.png) 1px 2px no-repeat rgba(0, 0, 0, 0);
    margin-top: 4px; vertical-align: middle; 
    height: 20px!important; 
    padding-left: 30px; padding-top: 7px;
}
.tocAuthors {
    background: url(https://journal.ugm.ac.id/plugins/themes/nusantara2columnsSteelBlue/imgs/icon-group.png) 1px 2px no-repeat rgba(0, 0, 0, 0);
    font-style: italic;
    margin-top: 4px;
    padding-bottom: 5px;
    padding-left: 30px;
}

.tocGalleys .file {
    color: transparent;
    background: url(https://journal.ugm.ac.id/plugins/themes/nusantara2columnsSteelBlue/imgs/icon-pdf.png) no-repeat top right;
    height: 20px;
    width: 24px;
    display: inline-block;
    float: right;
}

#articleFullText .file {
    color: transparent;
    background: url(https://journal.ugm.ac.id/plugins/themes/nusantara2columnsSteelBlue/imgs/icon-pdf.png) no-repeat top left;
    height: 20px;
    width: /*24px*/100%;
    margin-bottom: 25px;
    display: inline-block;
    float: left;
}

td.tocGalleys{padding-right:10px}
#content ul.menu{margin:0}
#content ul.menu li{background-image:-webkit-linear-gradient(top,#2651ff 0,#4f72ff 100%);
background-image:-o-linear-gradient(top,#2651ff 0,#4f72ff 100%);
background-image:linear-gradient(to bottom,#2651ff 0,#4f72ff 100%);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2651ff',endColorstr='#ff4f72ff',GradientType=0);
padding:5px 8px;
border-radius:3px}
#content ul.menu li:hover,#content ul.menu li.current{background-image:-webkit-linear-gradient(top,#ec790f 0,#f28c31 100%);
background-image:-o-linear-gradient(top,#ec790f 0,#f28c31 100%);
background-image:linear-gradient(to bottom,#ec790f 0,#f28c31 100%);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec790f',endColorstr='#fff28c31',GradientType=0)}
#content ul.menu a{color:#fff}
#content ul.menu a:hover{color:yellow}
input.textField,select.selectMenu,textarea.textArea,input.uploadField{padding:.3em;
background-color:#f1f1f1;
border:1px solid #aaa;
color:#444}
input.textField:focus,select.selectMenu:focus,textarea.textArea:focus,input.uploadField:focus{border:1px solid #0b5104}
input[type=submit]
,input[type=button]
{background-image:-webkit-linear-gradient(top,#ddd 0,#c4c4c4 100%);
background-image:-o-linear-gradient(top,#ddd 0,#c4c4c4 100%);
background-image:linear-gradient(to bottom,#ddd 0,#c4c4c4 100%);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdddddd',endColorstr='#ffc4c4c4',GradientType=0);
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
color:#444;
text-shadow:1px 1px #f6f6f6;
padding:3px 5px;
text-decoration:none;
border:1px solid #9d9d9d}
input[type=submit]
:hover,input[type=button]
:hover{background-image:-webkit-linear-gradient(top,#c4c4c4 0,#aaa 100%);
background-image:-o-linear-gradient(top,#c4c4c4 0,#aaa 100%);
background-image:linear-gradient(to bottom,#c4c4c4 0,#aaa 100%);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc4c4c4',endColorstr='#ffaaaaaa',GradientType=0);
text-decoration:none;
cursor:pointer}
input.defaultButton{color:#2b2b2b;
font-weight:bold}
div.separator{border-bottom:1px dotted #222}
.indexers{margin:10px 0}
.indexers a{border:2px solid transparent;
padding:5px 3px;
display:inline-block}
.indexers a:hover{background:0;
border:2px dotted #0b5104;
opacity:.75;
filter:alpha(opacity=75)}
.indexers a img{height:38px}
a img{border:0}
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;
padding:0;
margin:0}
.issueCoverImage img{margin:1em 2em 1em 0;
width:100px;
border:0 solid #fff}
#content h4 a{text-decoration:none}
#announcements{width:auto}
#journalDescription{
    margin-top: auto;
    float:left;
    text-align: justify;	
/*width:55%*/}
#homepageImage{float:right;
width:35%;
margin-top: /*27px*/auto;
margin-left:12px;
margin-bottom:12px;
text-align:right}
#homepageImage img{display:inline-block;
max-width:100%;
height:auto}
#announcementsHome,.clear{clear:both}
#setupForm #homepageImage{float:none;
width:auto;
text-align:left;
margin-top:1em;
margin-left:0}
#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 auto;
text-align:right;
width:1080px;
padding-right:12px}


.futer {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #efefef;
  text-align: center;
}
.kshadow {
    height: 500px;
 z-index:0 !important;
width:1080px;
    top: 0px;
    background: white;
position:fixed;

}