element.style {
    width: 100%;
    height: auto;
}
/*header*/
#header {
 background-color:transparent;
 padding-bottom:0px;
}
#header h1 {
    margin: 0 auto;
    padding: 0 10%;
    font-weight: normal;
    background-color: #4d4d4d;
}

/*navbar*/
#navbar {
    background-color: #4d4d4d;
    background-repeat: repeat-x;
    border: 0;
    height: 40px;
    margin-bottom: 10px;
    margin-left: 0!important;
    padding: 0;
    text-align: left;
    position: relative;
    left: -13px;
    width: 100%;
    border-radius: 0 0 0 25px;
}
#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:#fff;
 display:inline-block;
 font-size:.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:.15
}
#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:.35
}
#navbar li:first-child a::after,#navbar li:first-child a::before {
 background-color:#000;
 display:none
}
#navbar a:hover {
 background:red;
 /* text-shadow:1px 1px #040 */
}

/*main*/
#main {
    float: left;
    width: 61%;
    margin-left: 10%;
    display: inline;
    overflow: hidden;
    background-color: white;
    padding: 0 1%;
}

a:link {
    color: #355f73;
    text-decoration: none;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

#main h2 {
    margin: 0em 1em 0.5em 0em;
    padding-top: 0.5em;
    font-family: arial;
    font-weight: normal;
}



/*right sidebar*/
#rightSidebar {
    float: right;
    width: 14%;
    padding: 0em 0em 1em 0em;
    font-size: 0.65em;
    height: 100%;
    margin-right: 10%;
    margin-left: 2%;
}

.navigasi ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #f1f1f1;
}

.navigasi li a {
    display: block;
    color: #fff;
    padding: 8px 16px;
    text-decoration: none;
    background-color: #4d4d4d;
    width: 100%;
    border-bottom: 1px #585858 solid;
    background: #45484d;
    background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
    background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%);
    background: linear-gradient(to bottom, #45484d 0%,#4d4d4d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
}

/* Change the link color on hover */
.navigasi li a:hover {
    background-color: #555;
    color: white;
}

/*author*/
table.tocArticle:nth-child(2n+1) tr {
 background-color:none
}
table.tocArticle:nth-child(2n) tr {
 background-color:none
}
table.tocArticle tr:hover {
 background-color:#ffedcc
}
table.tocArticle td {
 padding:5px 10px
}
.tocAuthors {
 background:url(https://fe.ustjogja.ac.id/images/icons/icon-group.png) 1px 2px no-repeat rgba(0,0,0,0);
 font-style:italic;
 padding-bottom:5px;
 padding-left: 20px;
}

/*table of content*/
#content h3 {
    margin: 0em 1em 0.25em 0em;
    padding: 0.75em;
    font-family: arial;
    font-weight: bold;
    font-size: 17px;
    border-radius: 5px;
    background-color: #f5f5f5;
    color: #607D8B;
}