@import "compressed.css";
/* HTML Elements */

* { margin:0; padding:0; }
body {min-height:100%; background: #FFF url(../im/page_pixel.jpg) repeat-y top center;color: #3D3D3D;font-family:Georgia, sans-serif, Verdana;letter-spacing: .5px;line-height: 1.8em;font-size: 80%;}
a {color: #FF6000; text-decoration: none; border: 0; }
a:hover { color: #F2DDB6; background-color: #FF6000; text-decoration: underline;}

/* ---------------- header ------------------------ */
.search{ background: #001933; }
.boxlogo{ border-bottom:2px solid #d6d6d6; width: 940px; margin: 10px auto;}
.boxlogo .logo { background: url(../im/logo-uin.png) no-repeat top left;height: 100px;}
.boxlogo .img-right { border:1px solid #fff; width:164px; height:164px; position: absolute; left:74%; background: url(../im/img-porto.jpg);}
.boxlogo .separator {  letter-spacing: 4px; font-size: 26px; color:#F4A460; text-align: left; margin-left: 115px;}
.boxlogo .title-logo {margin: 15px 0 10px 0;}
.boxlogo .desc-logo { font-size: 14px; color:#F4A460; text-align: left;}
.boxlogo .motto { margin:5px 0; font-size: 10px; color:#F4A460; text-align: left;}

/* ---------------- menu ------------------------ */
.bt-menu { background: url(../im/bt-menu.jpg) no-repeat; width: 108px; height: 107px; }
.bt-menu a{ color: #F2DDB6; text-decoration: none; }
.bt-menu a:hover{ color: #F2DDB6; text-decoration: underline; }
.menu-separator { text-align:center;padding-top:35px;padding-bottom:30px; }

/*----------------- row -------------------------- */
.title-box { padding: 7px 20px; }
.title-round { background: url(../im/title-round.gif) no-repeat; height: 32px;}

/*------------------ round box ---------------------*/
.round-top-left {background: #3B3B3B url(../im/round-top-left.gif) no-repeat top left;}
.round-top-right {background:  url(../im/round-top-right.gif) no-repeat top right;}
.round-buttom-left {background: url(../im/round-bottom-left.gif) no-repeat bottom left;}
.round-buttom-right {background:  url(../im/round-bottom-right.gif) no-repeat bottom right;}
.round-buttom-arrow {background:  url(../im/right-arrows.gif) no-repeat center right;margin-right:-20px;}

/*------------------ round box ---------------------*/
.round-top-left-white {background: #549FAA url(../im/round-top-left-white.gif) no-repeat top left;}
.round-top-right-white {background:  url(../im/round-top-right-white.gif) no-repeat top right;}
.round-buttom-left-white {background: url(../im/round-bottom-left-white.gif) no-repeat bottom left;}
.round-buttom-right-white {background:  url(../im/round-bottom-right-white.gif) no-repeat bottom right;}

/*------------------- footer ------------------------*/
#footer { border-top : solid 2px #d6d6d6; padding: 20px 0; font-size: 90%;}

/* ---------------- Content Tools -------------------*/
.title { padding: 15px 0; border-bottom: solid 1px #d6d6d6; color: #F4A460; font-size: 18px; text-shadow: 0 1px 1px #e3e3e3; }
.paragraf { padding: 5px 0;}
.blog-post { padding:10px 15px;}
.blog-post .date { background: transparent url(../im/date.png) no-repeat; width: 52px; height: 59px; float: left;margin-right: 15px}
.blog-post .postedby { text-transform: lowercase; font-size: 11px; letter-spacing: 1px; text-align: right; line-height: normal; }
.blog-post .postedby span { font-style: italic; font-weight: bold; color: #FFCC00; }
.blog-post .title-post { font-size: 20px; padding-bottom:20px; border-bottom: 2px solid #FCFBDC; line-height: normal; }
.blog-post .tanggal { text-align: center; color: #544D58; font-weight: bold; font-size: 14px;}
.blog-post .bulan { text-align: center; color: #FFF; font-size: 14px; }
.blog-post .description { text-align: left; margin:10px 0; color: #eee; }

ol, ul {
list-style-type:decimal;
margin:15px 0 15px 30px;
}
/*========================*/
.clearfloat:after { display:block; visibility:hidden;clear:both;height:0;content:"."; }
.clearfloat { display:inline-block }