/* --- presentation --- */
/* --- CSS AsiaBersama.Com ---*/

body {
 font-family: Verdana, Geneva, Georgia, Tahoma, Arial;
 background-color: #FFFFFF;
 color: #000000;
 font-size: 0.9em;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 line-height: 18px;
 }

a {
 color: #1F2860;
 text-decoration: none;
 }

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

h1, h1 a {
 font-size: 1em;
 font-weight: bold;
 color: #DD6900;
 }

h1 a:hover {
 color: #DD6900;
 }

h2, h2 a {
 font-size: 1em;
 font-weight: bold;
 color: #DD6900;
 }

h2 a:hover {
 color: #DD6900;
 }

img {
 border: 0px;
 }

form {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 }

hr {
 border: none 0;
 border-top: 1px dashed #999999;
 height: 1px;
 margin-bottom: 0px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 }

ul {
 list-style-image: url(images/li.gif);
 }


/* --- classes --- */

.title, .title a {
 font-size: 1em;
 font-weight: bold;
 color: #DD6900;
 }

.title a:hover {
 color: #DD6900;
 }

.small {
 font-size: 0.75em;
 }

.small a {
 color: #FF0000;
 }

.small a:hover {
 color: #0000ff;
 }

.readmore {
 font-size: 0.75em;
 color: #333333;
 text-align: right;
 padding-bottom: 12px;
 margin-right: 25px;
 }

.readmore a {
 color: #003399;
 padding-bottom: 12px;
 }

.readmore a:hover {
 color: #DD6900;
 }

.blockhead {
 font-size: 0.75em;
 color: #0000FF;
 font-weight: bold;
 background-color: #6686df;
 padding-left: 10px;
 padding-right: 5px;
 padding-top: 2px;
 padding-bottom: 2px;
 border: 1px solid #6686df;
 }

.block {
 background-color: #FFFFFF;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 5px;
 padding-bottom: 5px;
 border-left: 1px dotted #6686df;
 border-right: 1px dotted #6686df;
 border-bottom: 1px dotted #6686df;
 }

.kotak {
 border-width: 1px;
 border-color: #6686df;
 border-style: dotted; 
 font-size: 11px;
 }

.leftbarcontent {
 padding-left: 15px;
 padding-right: 15px;
 padding-top: 15px;
 }

.menu ul {
 margin: 0px 0px 0px 13px;
 padding: 0px 0px 0px 0px;
 list-style-image: url(images/li.gif);
 }

.small ul {
 margin: 0px 0px 0px 13px;
 padding: 0px 0px 0px 0px;
 list-style-image: url(images/li.gif);
 }

.small li {
 margin: 0px 0px 0px 13px;
 padding: 0px 0px 0px 0px;
 list-style-image: url(images/li.gif);
 }

.error {
 color: #CC0000;
 }

.meta, meta a {
 font-size: 0.75em;
 }

.meta li, ul.post-meta li {
 display: inline;
 }

.meta ul {
 display: inline;
 list-style: none;
 margin: 0;
 padding: 0;
 }


/* --- layout --- */

#wrapper {
 width: 100%;
 height: auto;
 }

#header {
 left: 0px;
 top: 0px;
 height: 85px;
 background-image: url(images/header_bg.jpg);
 }

#logo {
 float: left;
 width: 454px;
 height: 75px;
 }

#topnav {
 float: right;
 width: 175px;
 }

#mainnav {
 float: left;
 width: 98%;
 height: 18px;

 }

#searchbar {
 float: left;
 width: 100%;
 height: 18px;
 background-color: #0072BC;
 }

#searchbox {
 float: left;
 width: 415px;
 font-size: 0.85em;
 font-weight: bold;
 margin-left:10px;
 color: #FFFFFF;
 padding-top: 0px;
 }

#dateheader {
 float: right;
 width: 300px;
 font-size: 0.75em;
 text-align: right;
 margin-right: 13px;
 color: #FFFFFF;
 padding-top: 0px;
 }

#contentwrapper {
 width: 98%;
 }

#content {
 float: left;
 width: 72%;
 font-size: 1em;
 text-align: justify;
 padding: 0px 0px 0px 0px;
 }

#rightbar {
 float: right;
 height: auto;
 width: 23%;
 }

#footer {
 font-size: 0.75em;
 padding-top: 7px;
 background-color: #FFFFFF;
 text-align: center;
 width: 100%;
 border-top: 1px solid #C5C5C5;
 clear: both;
 }

#wp-calendar {
 empty-cells: show;
 font-size: 0.75em;
 margin: 0;
 width: 100%;
 }

#wp-calendar #next a {
 padding-right: 10px;
 text-align: right;
 }

#wp-calendar #prev a {
 padding-left: 10px;
 text-align: left;
 }

#wp-calendar a {
 display: block;
 font-weight: bold;
 text-decoration: underline;
 }

#wp-calendar caption {
 color: #DD6900;
 font-size: 1em;
 text-align: center;
 font-weight: bold;
 }

#wp-calendar td {
 letter-spacing: normal;
 padding: 0 0;
 text-align: center;
 }

#wp-calendar td:hover, #wp-calendar #today {
 color: red;
 font-weight: normal;
 }

#wp-calendar th {
 font-style: normal;
 text-transform: capitalize;
 }