/*
** Filename: cstyle.css
** Description: Stylesheets untuk WeKa Online
** Author: Alif Rachmawadi <clabz@openkampus.com>
*/ 


body {
    font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
    font-size: 11px;
    background: #638093;
  }


a {
    text-decoration: none;
    color: #b96120;
  }


a:hover {
    text-decoration: underline;
  }


a:visited {
    color:#A75E34;
  }

hr {
	color: #cccccc;
	border: solid 1px #cccccc;
}

h1, h3 {
    text-align: center;
    color: #000099;
  }


table tr td {
    font-size: 12px;
  }

/* container block */
/* Level 1 */

#container {
    margin-left: auto;
    margin-right: auto;
    width: 768px;
    background: #ffffff;
    /*padding: 5px;
    */ border: solid 2px #000000;
  }


#cont_header {
    margin-left: auto;
    margin-right: auto;
  }


#cont_contents {
    padding: 5px;
  }


#cont_footer {
  }

/* Level 2 */

#logo {
    text-align: center;
  }


#date_pathways {
    background: #eee;
    border-bottom: solid 1px #aaa;
  }

/* Level 3*/

#mainnav {
    background: #b55f1f;
    /* width: 682px;
    */padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
  }


#contents_cap_top {
    background: url("contents_cap_top.gif") top no-repeat;
    padding-bottom: 8px;
  }


#contents {
    background: url("contents_bg.gif") top repeat-y;
    padding: 10px;
    min-height: 760px;
  }


#contents_cap_bottom {
    background: url("contents_cap_bottom.gif") bottom no-repeat;
    padding-top: 8px;
  }


#copyright {
    padding: 3px 0px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background: #000;
  }


#copyright a {
    color: #fff;
    text-decoration: none;
  }


#copyright a:hover {
    color: #fff;
    text-decoration: underline;
  }


#generated {
    padding: 3px 0px 3px 10px;
    background: #eee;
    text-align: left;
    border-top: solid 1px #aaa;
    float: left;
  }


#statistic {
    padding: 3px 10px 3px 0px;
    background: #eee;
    text-align: right;
    border-top: solid 1px #aaa;
    font-family: monospace;
  }

/* Level 4 */

#pathways {
    float: left;
    width: 75%;
    padding: 3px 0px 10px 5px;
  }


#date {
    text-align: right;
    padding: 3px 10px 3px 0px;
  }


#contents_left {
    width: 542px;
    text-align: justify;
  }


#contents_right {
    float: right;
    width: 170px;
  }

/* Level 5*/

#side_related {
    background: #fff;
    padding: 0px 10px;
    border: solid 1px #bbb;
  }


#side_related h3 {
    text-align: center;
    color: #00319c;
  }


#side_related ul {
    border: solid 0px #bbb;
    background: #fff;
  }


#side_related li {
    list-style-position : outside;
    list-style-type : square;
    margin-left : -20px;
    text-decoration : none;
  }

/* End of container block */

/* class definition */

a.mainnavlink {
    padding: 0px 5px 0px 5px;
    text-decoration: none;
    color: #fff;
    background: transparent;
    font-weight: bold;
    border:1px solid transparent;
    border-left: solid 2px transparent;
    border-bottom-width: 0;
  }


a.mainnavlink:hover {
    background: #fff;
    border:1px solid black;
    border-left: solid 2px #000000;
    border-bottom-width: 0;
    color: #000;
  }


.sidelink {
    text-decoration: none;
    color: #3c3c8a;
  }


.sidelink:hover {
    text-decoration: none;
    color: #fff;
    background: #3c3c8a;
  }


.pathlink {
    text-decoration: none;
  }


.pathlink:hover {
    text-decoration: underline;
  }

/* style untuk dropdown menus */

.anylinkcss {
    position:absolute;
    visibility: hidden;
    border:1px solid black;
    border-left:2px solid black;
    border-bottom-width: 0;
    line-height: 18px;
    z-index: 100;
    background-color: #E9FECB;
    width: 180px;
    text-align: left;
  }


.anylinkcss a {
    width: 100%;
    display: block;
    text-indent: 3px;
    border-bottom: 1px solid black;
    padding: 1px 0;
    text-decoration: none;
    font-weight: bold;
    text-indent: 5px;
    background-color: #eeeeee;
    color: #b96120;
  }


.anylinkcss a:hover {
    background-color: #aaaaaa;
    color: white;
  }


.anylinkcss a:visited {
    color: #7c594c;
  }

/* endof dropdown menus */

/* gallery */

/*#nav li.home_button {
    margin-bottom:0px;
    list-style:none;
  }


#nav li.active {
    background-color:#DADADA;
    list-style:none;
    border-bottom:1px solid #CCCCCC;
    margin-bottom:0px;
  }*/




#nav {
    background: #ffffff;
    padding: 5px;
    width: 152px;
    margin-top: -10px;
    border: solid 1px #dddddd;
    text-align: left;
  }


#nav li {
    margin-left: -20px;
    width: 120px;
    list-style-position : outside;
    list-style-type : none;
    text-decoration: none;
    text-transform : capitalize;
    text-align: center;
    font-weight: bold;
  }


#nav li:hover {
    background: #b96120;
    color: #ffffff;
    text-decoration: none;
  }


#nav a {
    text-align: center;
  }


#nav a:hover {
    color: #ffffff;
    text-decoration: none;
  }


#homepage {
    text-align:center;
  }


#homepage .latest {
  }


#homepage .latest .thumb_wrapper {
    margin:auto;
  }


.clear {
    clear:both;
    height:1px;
    overflow:hidden;
    margin-top:-1px;
    padding:0;
    font-size:0px;
    line-height:0px;
  }


.thumb_wrapper {
    text-align:center;
  }


.thumb_wrapper .container {
  }


.thumb_wrapper .shadow {
    background: url("templates/default/shadow_1.jpg") bottom no-repeat;
  }


.thumb_wrapper .thumb {
    background: url("templates/default/shadow_2.jpg") bottom no-repeat;
    padding-bottom:14px;
  }


.thumb_wrapper .title {
    width: 130px;
    background:#E5E5E5;
    border:1px solid #CCCCCC;
    margin:0px 3px 3px;
    padding:3px;
    color:#999999;
    font-weight:bold;
    text-transform: capitalize;
  }


.tile {
    width: 147px;
  }


.tile_table {
    width: 147px;
  }


#fullsize {
    text-align:center;
  }


#fullsize .menu {
    width:520px;
    margin:auto;
    height:20px;
  }


#fullsize .menu .left {
    float:left;
    width:50%;
    text-align:left;
  }


#fullsize .menu .right {
    float:left;
    width:50%;
    text-align:right;
  }


#fullsize .image_wrapper {
  }


#fullsize .image_wrapper .shadow {
    background: url("templates/default/shadow_1_one.jpg") bottom no-repeat;
  }


#fullsize .image_wrapper .image {
    background: url("templates/default/shadow_2_one.jpg") bottom no-repeat;
    padding-bottom:14px;
  }


#fullsize img {
    border: solid 1px #eeeeee;
  }


#fullsize .title {
    margin:auto;
    width:520px;
    background:#E5E5E5;
    border:1px solid #CCCCCC;
    margin-top:5px;
    padding:3px;
    color:#999999;
    font-weight:bold;
    text-transform: capitalize;
  }


#fullsize .description {
    width:520px;
    margin-bottom: 10px;
    padding:10px;
    font-size:11px;
    border-bottom:1px dashed #CCCCCC;
  }


#fullsize .footer {
    width:520px;
    margin:auto;
  }


#fullsize .footer .prev {
    width:147px;
    float:left;
  }


#fullsize .footer .desc {
    width:220px;
    float:left;
    padding-top:20px;
    text-align:left;
    color:#999999;
  }


#fullsize .footer .desc ul {
    list-style:none;
  }


#fullsize .footer .next {
    width:147px;
    float:left;
  }


.dir_icon {
    margin:8px 0px;
  }


.latest p {
    width: 400px;
    background:transparent;
    border:0px solid #CCCCCC;
    text-align: left;
    padding:3px;
    font-size: 16px;
    color:#999999;
    font-weight:bold;
  }


.latest img {
    vertical-align: bottom;
  }


.comments {
  }


.comments .list {
    border-top:1px dashed #CCCCCC;
    margin-top:10px;
    border-bottom:1px dashed #CCCCCC;
    margin-top:10px;
    text-align:left;
    padding:5px 0px 10px 0px;
  }


.comments .entry {
    padding:5px 10px;
  }


.comments .entry .meta {
    padding:5px 0px 5px 10px;
  }


.comments .entry .comment {
    background:#E3E3E3;
    padding:10px;
    font-size:12px;
    line-height:20px;
    color:#666666;
  }


.comments .form {
    text-align:left;
    padding-left:100px;
  }


.comments .form input {
    border:1px solid #CCCCCC;
    color:#666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding:3px;
    width:200px;
  }


.comments .form textarea {
    border:1px solid #CCCCCC;
    color:#666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding:3px;
    width:350px;
    height:100px;
  }
/* gallery */

#side_edition {
	padding: 5px 0px;
	text-align: center;
}

#bilingual {
    padding: 3px 10px 3px 0px;
	margin: 10px 0px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background: #b96120;
	border: solid 1px #bbb;
  }

#bilingual a {
	color: #fff;
    font-weight: bold;
}

#latest_side {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px 5px 10px 5px;
	border: solid 1px #000;
	background: #eee;
}

#latest_side h2 {
	text-align: center;
	
}
.cover_aksara {
	width: 60%;
	margin-right: 20px;
}
.aksara_topik {
	list-style: none;
	margin-left: 20px;
}