/* line 1*/
@import url(default.css);
@import url(font/font.css);
/* line 3 */

body{
    background:#f0f0f0 url('images/bg-body.png') repeat fixed center;
    margin:0 auto;
	color:#898484;
}

.fl{
    background:#f0f0f0 url('images/bg-body.png') repeat fixed center;
    width:100%;
    height:0;
    position:fixed;
    top:0;
    z-index:1;
}

#wrap{
     margin-top:19px;
     background:transparent url('images/basic-layout.png') repeat-y fixed top left;
     background-size:39% auto;
     min-height:400px;
}

#wrap-content{
    float:right;
    width:61%;
    min-height:700px;
}

#wrap-content .content{
    position:relative;
	z-index:3;
    clear:both;
    padding:60px 0 0 0;
    margin:0 10% 0 0;
}

#wrap-content .content .entry{
    float:right;
    width:73%;
    min-height:400px;
}

#wrap-content .content .entry .title-post{
    font:normal normal 30px lobster;
    color:rgba(137, 132, 132, 0.9);
    background:transparent url('images/bg-title-content.png') repeat-x bottom center;
    padding:0 0 17px 0;
    margin:0 0 12px 0;
    text-align:center;
    text-transform:capitalize;
    text-shadow:2px 2px 1px #fefefe;
}

#wrap-content .content .entry .title-post:hover{
    text-shadow:none;
    color:#828282;
}

#wrap-content .content .entry iframe,
#wrap-content .content .entry .flashmovie,
#wrap-content .content .entry .flash-player,
#wrap-content .content .entry .video{
    width:100%;
    padding:0 0 18px 0;
    margin:0 auto 32px auto;
    background:transparent url('images/bg-video-bottom.png') no-repeat bottom center;
    background-size:80% auto;
}

#wrap-content .content .entry embed{
    width:100%;
    border:8px solid #d8d8d8;
}

#wrap-content .content .entry p{
    font:normal 500 16px/17px Georgia, serif;
    padding-bottom:16px;
    color:#898484;
    text-shadow:0.5px 0.5px 0 #fff;
    -webkit-text-shadow:1px 1px 0 #fff;
}

#wrap-content .content .entry p:first-letter{
    padding:0 0 0 17px;
    text-transform:capitalize;
}

#wrap-content .content .pageentry{
    clear:both;
}

#wrap-content .content .entrydescription{
    float:left;
    width:27%;
    min-height:300px;
}

#wrap-content .content .entrydescription .ribbon{
    text-shadow:1px 1px 0 #444, 0.5px 0.5px 0 #555;
    text-align:center;
    text-transform:capitalize;
    font:italic bold 16.5px Georgia, serif;
    padding-top:6px;
    margin:0 0 0 -25px;
    color:#eee;
    float:left;
    width:112px;
    height:40px;
/*     position:relative; */
/*     z-index:2; */
    background:transparent url('images/bg-ribbon.png') no-repeat top left;
}

#wrap-content .content .entrydescription .date-cat-tag{
    text-transform:capitalize;
    text-shadow:0.5px 0.5px 0.8px #fdfdfd;
    -moz-text-shadow:0.5px 0.5px 0.8px #fdfdfd;
    -webkit-text-shadow:1px 1px 1px #fdfdfd;
    color:#8c8787;
    clear:both;
    background:#d1d1d1;
    margin:67px 16px 0 16px;
    padding:0 0 10px 10px;
    min-height:125px;
}

#wrap-content .content .entrydescription .date-cat-tag .nama{
    clear:both;
    display:block;
    padding:10px 0 2px 0;
    font:normal bold 13px/12px Georgia, serif;
}

#wrap-content .content .entrydescription .date-cat-tag .isi{
    font:normal bold 12px/12px 'times new roman';
}

#wrap-content .content .entrydescription .date-cat-tag a,
#wrap-content .content .entrydescription .date-cat-tag a:link,
#wrap-content .content .entrydescription .date-cat-tag a:visited{
    text-decoration:underline;
}
#wrap-content .content .entrydescription .date-cat-tag a:active,
#wrap-content .content .entrydescription .date-cat-tag a:hover{
    text-decoration:none;
}
/* End wrap-content */

/* start #wrap-sidebar */
#wrap-sidebar{
    margin-top:-19px;
    float:left;
    width:39%;
    background: url('images/sidebar-top.png') no-repeat scroll top right;
    background-size:100% 19px;
}

#wrap-sidebar .sidebar{
    clear:both;
    margin:0 15% 10% 20%;
    min-height:100px;
}

#wrap-sidebar .sidebar h2{
}

#wrap-sidebar .sidebar h2 img{
    display:block;
    margin:0 auto;
}

#wrap-sidebar .sidebar #searchform{
    margin:30px auto 25px auto;
    display:block;
    height:44px;
    background: url('images/bg-searchform.png') no-repeat center;
    background-size:100% 42px;
}
#wrap-sidebar .sidebar #searchform *:focus,
#wrap-sidebar .sidebar #searchform *{
    line-height:0;
    outline:none;
}

#wrap-sidebar .sidebar #searchform label{
    display:none;
}

#wrap-sidebar .sidebar #searchform input[type='text']{
    font:italic bold 15px/0px Georgia, serif;
    min-width:70%;
    max-width:75%;
    margin:11px 0 0 0;
    padding:0 0 0 16px;
}

#wrap-sidebar .sidebar #searchform input[type='image']{
    max-width:20%;
    margin-right:2%;
    float:right;
}

#wrap-sidebar .sidebar .widget{
    margin-top:15px;
    clear:both;
}

#wrap-sidebar .sidebar .widget h4{
    text-align:left;
    text-transform:capitalize;
    text-shadow:1px 1px 1px #fff;
    font:normal bold 24px lobster;
    background:transparent url('images/bg-title-sidebar.png') repeat-x bottom center;
    padding:0 0 12px 0;
    color:rgba(137, 132, 132, 0.9);
}

#wrap-sidebar .sidebar .widget .isiwidget{
    padding:6px 0;
    font:normal bold 13px Georgia, serif;
    text-shadow:1px 1px 1px #eee;
}

#wrap-sidebar .sidebar .widget .avatar{
    float:right;
    margin:0 0 0 5px;
    background:#fff;
    border:2px solid #f0ecef;
}
#wrap-sidebar .sidebar .widget li{
    padding:3px 0 1px 0;
}
#wrap-sidebar .sidebar .widget li a,
#wrap-sidebar .sidebar .widget li a:link,
#wrap-sidebar .sidebar .widget li a:visited{
    text-transform:capitalize;
}

#wrap-sidebar .sidebar .widget li a:active,
#wrap-sidebar .sidebar .widget li a:hover{
    text-decoration:underline;
}

/* End wrap-sidebar */

#wrap-footer{
    clear:both;
    padding:50px 0 0 0;
}
#wrap-footer .themeby{
    width:39%;
    font-size:16px;
    float:left;
    padding:0 0 20px 0;
}
#wrap-footer .themeby p{
    padding:0 0 0 20px;
}
#wrap-footer .themeby p  + p{
    padding:0 0 0 30px;
}

#wrap-footer .themeby p a,
#wrap-footer .themeby p a:link,
#wrap-footer .themeby p a:visited{
    text-decoration:underline;
}
#wrap-footer .themeby p a:hover,
#wrap-footer .themeby p a:active{
    text-decoration:none;
}
@media print{
  #wrap-sidebar, #wrap-footer, #bukakomentar, #fullscreen, .entrydescription{
        display:none!important
        }
  #wrap-content{
        width:80%;
        float:none;
        margin:0 auto;
        }
  #wrap-content .content{
        padding:0;
        margin:0 auto;
		float:none;
        }
  #wrap-content .content .entry{
        width:100%;
		margin:0;
        }
  #wrap-content .content .entry p{
        font:normal normal 20px/20px 'times new roman';
        }
  #wrap-content .content .entry p:first-letter{
        padding:0;
        }
          }/* End media print */