.perview_teaser p { font-family:Georgia,Palatino,"Palatino Linotype",Times,"Times New Roman",serif; 
color: #360; font-size:18px; font-style:italic; margin-bottom:15px; line-height:25px;} 

.head_tanya { font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:13px; font-weight:bold;  border-right:1px solid #FFF;}
.isi_tanya { font-family:Arial, Helvetica, sans-serif; color:#5B5B5B; font-size:12px; vertical-align:top;  border-right:1px solid #FFF;}
.bg_tanya_headed { background-color: #774802; padding:5px; border-bottom:1px solid #FFF;}
.bg_tanya_headed_ganjil { background-color: #FFEBCC; padding:5px;  border-bottom:1px solid #FFF;}
.bg_tanya_headed_genap { background-color: #FFA746; padding:5px;  border-bottom:1px solid #FFF; }
.ket { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666;}
.tinggina { height:27px;}
.tdpadonya { padding:5px;}
.wput { color:#FFF !important;}

.box1 { width:90%; padding:10px; border:1px solid #E2E2E2; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px; background-color: #F0ECE8;}
.jdul_box { font-weight:bold; font-size:14px; line-height:20px;}
.perta { font-weight:bold; color:#867051; margin:15px 0px;}
.box1 em { padding-left:0px; color:#514D33;}


/*============================================ DEFAULT ELEMENT STYLES  =================================================*/
* { padding : 0; margin : 0; }
html, body, h1, h2, h3, h4, p, strong, em, ul, li, div, span, a, img {
    font-family : inherit;
    font-size : 100%;
    font-weight : normal;
    font-style : normal;
    text-decoration : none;
    list-style : none;
    background : transparent;
    padding : 0;
    margin : 0;
    border : 0 none;
    outline : 0 none;
    vertical-align : baseline;

}
html::-webkit-scrollbar{
    width:10px;
    height:10px;
    background-color:#fff;
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset -1px -1px 0 rgba(0,0,0,.07);
}
h5 {

    font-size: 14px;
    letter-spacing : -.5px;
    text-shadow: 0 1px 0 #d9d9d9;
    color: #5A5A65;
    font-family: Arial, Helvetica, sans-serif;
}

html::-webkit-scrollbar:hover{
    background-color:#eee;
}
html::-webkit-resizer{
    -webkit-border-radius:4px;
    background-color:#666;
}
html::-webkit-scrollbar-thumb{
    min-height:0.8em;
    min-width:0.8em;
    background-color: rgba(0, 0, 0, .2);
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset -1px -1px 0 rgba(0,0,0,.07);
}
html::-webkit-scrollbar-thumb:hover{
    background-color: #bbb;
}
html::-webkit-scrollbar-thumb:active{
    background-color:#888;
}
.clearfix:after {
    content : "";
    line-height : 0;
    height : 0;
    display : block;
    clear : both;
    visibility : hidden;
}
.clearfix { display : block; }
html[xmlns] .clearfix { display : block; }
* html .clearfix { height : 1%; }
:focus { outline : 0; }
::selection { color : #454545; background : #F5F5F5; }
::-moz-selection { color : #454545; background : #F5F5F5; }
::-webkit-selection { color : #454545; background : #F5F5F5; }

/* ==== Base styles ==== 242626 */

html {
    background : #FFFFFF;
    /* background : #EEEEEF url(../images/hexellence.png);*/
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    color: transparent;
    background-attachment:fixed;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;

}
body {
    font-family : 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    overflow-y : scroll;
    overflow-x : hidden;
    cursor : default;
    background-attachment:fixed;
    /* background-image: url(../images/patm.png); */
}
#page {
    width : 960px;
    margin : 0 auto;
    position : relative;
    margin-top: 196px;
    z-index: 10;
    /* box-shadow: 0 5px 2px 1px #efefef;
     -moz-box-shadow: 0 5px 2px 1px #efefef;
     -webkit-box-shadow: 0 5px 2px 1px #efefef;    */
    box-shadow: 0 5px 15px -5px #292929;
    -moz-box-shadow: 0 5px 15px -5px #292929;
    -webkit-box-shadow: 0 5px 15px -5px #292929;
    background :#ffffff;
}
#background{
    width : 100%;
    height : 100%;
    position : fixed;
    top : 0;
    left : 0;

}
#background {
    /*background : url(../images/patm.png);  */
}


h1{
    margin:0;
    color:#1E1E1E;
    padding-top: 15px;
    font-size: 42px;
    line-height: 32px;
    text-shadow: 0 -1px 0 #F5F5F5,0 1px 0 #F5F5F5;
    font-family: 'Allan', Helvetica, Arial, sans-serif;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    float: left;
    text-shadow: 0px 1px 0px rgba(150,150,150,0.1);
}
h1:hover{
    color:#232323;
}
.desc{
    color: #FFFFFF;
    font-family: Georgia, Times, 'Times New Roman', serif;
    position: absolute;
    margin-top: 45px;
    padding-left: 2px; 
    font-weight: 600;
    font-size: 13px;
}
h2, h2:after, h4, h4:after { font-family: 'PT Sans', Helvetica, Arial, sans-serif; }
h2, h2:after {
    font-size : 24px;
    line-height : 26px;
    letter-spacing : 0px;
    margin : 10px 0 5px;

}
h2, h4 { color : #242626; }
h2 { margin : 0 0 5px; }
h2:after, h4:after {
    content : " ";
    color : #F5F5F5;
}

h4, h4:after {
    font-size : 22px;
    line-height : 24px;
}
p {

    color : #333333;
    font-size : 16px;
    margin : 0 0 2px;

}
p a {
    color : #333333 ;


}
p a:hover, p a:active { color : #666666; }

a, img, span {
    -webkit-transition : all 0.2s ease;
    -moz-transition : all 0.2s ease;
    -o-transition : all 0.2s ease;
    -ms-transition : all 0.2s ease;
    transition : all 0.2s ease;
}


/* ============================================== HEADER SECTION ============================================== */
#header{
    width : 960px;
    margin: 0 auto;
    top: 0px;
    z-index: 9999;
    position:relative;
    margin-top: 0px;

}

#header #navigation {
    background : #FFFFFF;

    padding-right: -10px;
    border: 1px solid #EEEEEF;
    box-shadow: 0 5px 20px -8px #D5D5D5;
    -moz-box-shadow: 0 5px 20px -8px #D5D5D5;
    -webkit-box-shadow: 0 5px 20px -8px #D5D5D5;
    border-top: 0px solid #E7E7EA; 

}


#header, #header #navigation{ height : 70px; }


#header #navigation ul li{ float : left; }

#header #site { 
    background: #FFFFFF;  
    height: 78px;
    border-bottom: 7px solid #FFFFFF;
    box-shadow: 0 5px 5px -5px rgba(0,0,0,.5);
    padding-top: 20px;
    box-shadow: 0 5px 15px -7px #292929;
    -moz-box-shadow: 0 5px 15px -7px #292929;
    -webkit-box-shadow: 0 5px 15px -7px #292929;
}
.topbar{
    text-align: right;
    height: 0px;
    line-height: 0px;
    background: #383636;
    color: #EFEFEF;
    font-size: 13px;
    font-family: 'Cabin', Helvetica, Arial, sans-serif;
    text-transform:uppercase;
    margin-bottom: 10px;
} 
.topbar ul:before{
    content: '';
    width: 90px;
    height: 91px;
    margin-top: -67px;
    background: rgba(150,150,150,.7);  
    position: absolute;
    left: 334px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;  
    -webkit-transform: rotate(-45deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform: rotate(-45deg);
    -moz-transform-origin: 50% 50%;
    -ms-transform: rotate(-45deg); /* IE 9 */
    -ms-transform-origin:50% 50%; /* IE 9 */
    -o-transform: rotate(-45deg);
    -o-transform-origin: 50% 50%;
    transform: rotate(-45deg);
    transform-origin: 50% 50%;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    z-index: -1;
} 
.topbar ul{
    width: 460px;
    height: 36px;
    background: #FFFFFF;  
    float: right;
    z-index: 10;
    padding-top: 15px;
    padding-bottom: 7px;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: 60px;
    background-image: url(../images/leaf.png);
    background-repeat: no-repeat;
    padding-left: 40px;
}
.topbar ul li{
    display: inline-block;
}
.topbar a{
    color: #EFEFEF;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;   
}
.topbar a:hover{
    color: #121212;
    background: rgba(255,255,255,.3);
    border-radius: 2px;
}

.socialtop{
    float: left;
    padding: 2px;
    font-size: 13px;
    color: #AAAAAA;
    text-transform: none;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    background-image:url(../images/prifile.png);
    background-position-x: 0px;
    padding-left: 35px;
    background-repeat: no-repeat;
    width: 220px;
}
.socialtop img{
    margin-top: 8px;
    padding: 2px;
}
.socialtop img:hover{
    background: #FFFFFF;
    border-radius: 2px;;
}
.logo{
    margin-left: 10px;
    height: 66px;
    float: left;
}
.logotext{
    margin-left: 40px;
}

/* ============================================== CONTENT SECTION ============================================== */

#content {
    padding : 15px 10px 0;
    position : relative;
    background: #FFFFFF;
}
#content #main {
    overflow : hidden;

    box-shadow: 0 5px 6px -5px #cccccc;
    -moz-box-shadow: 0 5px 6px -5px #cccccc;
    -webkit-box-shadow: 0 5px 6px -5px #cccccc;
}
#content #main img {
    width : 100%;

}
#content #main img:hover{

}
#sheet {
    background: #FFFFFF;
    padding : 6px 5px 4px;
    float: left;

}
#sheet h2,#sheet h3,#sheet .cols li {
    padding : 0 10px;
    color: #39434D;

}
#sheet .cols li {
    float : left;

}
#sheet .cols li p{
    font-size: 13px;
    float: right;
}

#sheet .cols li h3 {
    padding : 0;
    margin : 0 0 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #d9d9d9;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
}
#sheet .cols li h3 .postdate{
    float: right;
    color: #39434D;
    font-size: 13px;
}
#sheet #download, #sheet #download a {  }
#sheet #download {
    background : #1D1D1D;


}
#tags{
    margin-top: 15px;

} 
#tags a{
    font-family: Arial, Helvetica, sans-serif;
    color: #3A3A3C;
    padding : 10px;
    margin: 2px;
    margin-top: 10px;
    font-size: 13px;
    border: 1px solid #E8E8E8;
    background: #f5f5f5;
}
#tags a:hover{
    background: #000;
    color: #FFFFFF;
}
#sheet #download a, #sheet #download a img, #sheet #download a span { display : block; }
#sheet #download a {
    background : #1D1D1D;
    float : right;
}
#sheet #download a img, #sheet #download a span { float : left; }
#download .conzoom{
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    width : 40px;
    height: 0px;
    float: left;
}
#download:hover .conzoom{
    height : 40px;
    z-index: 999;
}
#sheet #download a span {
    color : #A0A0A0;
    font-size : 14px;
    line-height : 20px;
    text-transform : lowercase;
    height : 1px;
    padding : 10px;


}
#sheet #download a:hover span, #sheet #download a:active span { color : #fff; }

/* ============================================== THUMBNAIL SECTION ============================================== */
.textm{

    padding:10px;
    font-size:13px;
    line-height:18px;
    color:#555555;
    overflow-x:hidden;
    overflow-y:auto;
    height:100%;
}
.textm a:link{
    font-size:16px;
}


#underblog {
    background:#ffffff;
    box-shadow: 0 5px 6px -5px #cccccc;
    -moz-box-shadow: 0 5px 6px -5px #cccccc;
    -webkit-box-shadow: 0 5px 6px -5px #cccccc;
    margin-top: 40px;
}

#underblog ul {
    padding : 10px 0;

}
#underblog ul li {
    padding : 10px;
    float : left;

}



#thumbnails {
    background:#f3f3f3; 
    box-shadow: 0 5px 6px -5px #cccccc;
    -moz-box-shadow: 0 5px 6px -5px #cccccc;
    -webkit-box-shadow: 0 5px 6px -5px #cccccc;
    padding-left: 20px;
    padding-right: 20px;
}
#thumbnails ul {
    padding : 10px 0;

}
#thumbnails ul li {
    padding : 5px;
    float : left;

}
.plink {
    width:30px;
    height:30px;

}
#thumbnails ul li a, #thumbnails ul li a img, #thumbnails ul li a span { display : block;

}
#thumbnails ul li a {

    position : relative;
    overflow : hidden;


}
#thumbnails ul li a:hover {

}
#thumbnails ul li a.current { cursor : default; }
#thumbnails ul li a img {
    position : relative;
    z-index : 10;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;


}
#thumbnails ul li a:hover img, #thumbnails ul li a:active img {

}
#thumbnails ul li a.current:hover img, #thumbnails ul li a.current:active img {


}
#thumbnails ul li a span {
    background : rgba(255,255,255,0.5) url(../images/Black_Search.html) no-repeat center center;
    width : 100%;
    height : 100%;
    position : absolute;
    top : 0;
    right : 0;
    z-index : 20;
    opacity : 0;


}
#thumbnails ul li a:hover span, #thumbnails ul li a:active span {
    opacity : 1;

}
#thumbnails .thummn {

    display:inline-block;
    opacity:.3;
    cursor:pointer;
    font-size:13px;
    font-weight:bold;
    /*font-family: 'EntypoRegular';*/
    -webkit-transition : all 0.3s ease;
    -moz-transition : all 0.3s ease;
    -o-transition : all 0.3s ease;
    -ms-transition : all 0.3s ease;
    transition : all 0.3s ease;
    border: 1px solid #DBDBDB;
    background:#ffffff;
    text-align:center;
}
#thumbnails .thummn span{
    font-family: 'EntypoRegular';
    color:#5A5A65;
    font-size:30px;

}
#thumbnails ul li .thummn a{
    color:#000000;

}
#thumbnails ul li:hover .thummn a{
    color:#ffffff;
    background:#F5F5F5;

}
#thumbnails ul li:hover .thummn span{
    color:#F5F5F5;

}
#thumbnails ul li:hover .thummn{
    opacity:1;
    color:#ffffff;
}
#thumbnails ul li .thummn:hover {
    opacity:.5;
}

#thumbnails ul li .titlelink, #thumbnails ul li .authors,#thumbnails ul li .titleimgdetail,#thumbnails ul li .titlecomment {
    background : #999 url(../ico_twitter.html) repeat 0 0;
    position:relative;
    text-align:center;
    background:#F5F5F5;
    padding:5px;
    background:#ffffff;
    border-top: 1px solid #DBDBDB;
}
#thumbnails ul li .linkn {
    position:relative;
    text-align:center;
    background:#F5F5F5;
    padding:5px;
    background:#ffffff;
    border-top: 1px solid #DBDBDB;
}



#thumbnails ul li .title {
    background : rgba(255,255,255,.5);
    position:absolute;
    height : 20px;
    padding : 20px;

    bottom:0;
    background-position-x:120%;
    -webkit-transition : all 1s ease;
    -moz-transition : all 1s ease;
    -o-transition : all 1s ease;
    -ms-transition : all 1s ease;
    transition : all 1s ease;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    border-top: 1px solid #EFEFEF;
}
#thumbnails ul li .title:hover  {

}
#thumbnails ul li:hover .title {
    background : #F5F5F5;
    opacity:1;
    -webkit-transition : all 0.2s ease;
    -moz-transition : all 0.2s ease;
    -o-transition : all 0.2s ease;
    -ms-transition : all 0.2s ease;
    transition : all 0.2s ease;
    border-left: 1px solid #F5F5F5;
    border-right: 1px solid #F5F5F5;
    border-top: 1px solid #F5F5F5;
}
#thumbnails ul li:hover h4{
    color:#fff;
    -webkit-transition : all 0.6s ease;
    -moz-transition : all 0.6s ease;
    -o-transition : all 0.6s ease;
    -ms-transition : all 0.6s ease;
    transition : all 0.6s ease;
}
label {
    position: relative;
    color:#fff;
}

.box {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 100;

    /* Prevent some white flashing in Safari 5.1 */
    -webkit-backface-visibility: hidden;

    background-color: #F5F5F5;


    -moz-border-radius:    5px;
    -webkit-border-radius: 5px;
    border-radius:         5px;

    -moz-background-clip:    padding-box;
    -webkit-background-clip: padding-box;
    background-clip:         padding-box;


    padding: 3px;
    margin: 24px 0;
    opacity: 0;

    -webkit-transform: scale(0) skew(50deg);
    -moz-transform:    scale(0) skew(50deg);
    -ms-transform:     scale(0) skew(50deg);
    -o-transform:      scale(0) skew(50deg);

    -webkit-transform-origin: 0px -30px;
    -moz-transform-origin:    0px -30px;
    -ms-transform-origin:     0px -30px;
    -o-transform-origin:      0px -30px;

    -webkit-transition: -webkit-transform ease-out .35s, opacity ease-out .4s;
    -moz-transition:    -moz-transform    ease-out .35s, opacity ease-out .4s;
    -ms-transition:     -ms-transform     ease-out .35s, opacity ease-out .4s;
    -o-transition:      -o-transform      ease-out .35s, opacity ease-out .4s;
}

.box:after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 10px;
    border-bottom: 15px solid #F5F5F5;
    border-left:   10px solid transparent;
    border-right:  10px solid transparent;
    width:  0;
    height: 0;
}

.popUpControl:checked ~ label >
.box {
    opacity: 1;
    -webkit-transform: scale(1) skew(0deg);
    -moz-transform:    scale(1) skew(0deg);
    -ms-transform:     scale(1) skew(0deg);
    -o-transform:      scale(1) skew(0deg);
}
.popUpControl {
    display: none;
}


/* For dog example */
.box img {
    -moz-border-radius:    5px;
    -webkit-border-radius: 5px;
    border-radius:         5px;
}

.css3button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #525252;
    padding: 11px 19px;
    background: -moz-linear-gradient(
        top,
        #FBFBFB 0%,
        #F5F5F5);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#FBFBFB),
        to(#F5F5F5));
    border: 1px solid #dddddd;
    -moz-box-shadow:
        0px 1px 3px rgba(000,000,000,0.1),
        inset 0px 1px 1px rgba(255,255,255,0.7);
    -webkit-box-shadow:
        0px 1px 3px rgba(000,000,000,0.1),
        inset 0px 1px 1px rgba(255,255,255,0.7);
    box-shadow:
        0px 1px 3px rgba(000,000,000,0.1),
        inset 0px 1px 1px rgba(255,255,255,0.7);
    text-shadow:
        0px 0px 0px rgba(000,000,000,0),
        0px 1px 0px rgba(255,255,255,0.4);
    margin-top:10px;
    margin-bottom:30px;
    position:relative;
    text-align:center;

}
.css3button:hover {
    font-family: Arial, Helvetica, sans-serif;
    color: #969696;
    font-size: 13px;
    padding: 11px 19px;
    background: -moz-linear-gradient(
        top,
        #cecece 0%,
        #c6c6c6);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#cecece),
        to(#c6c6c6));
    border: 1px solid #b4b4b4;
    -moz-box-shadow:
        0px 0px 0px rgba(000,000,000,0),
        inset 0px 1px 3px rgba(000,000,000,0.1);
    -webkit-box-shadow:
        0px 0px 0px rgba(000,000,000,0),
        inset 0px 1px 3px rgba(000,000,000,0.1);
    box-shadow:
        0px 0px 0px rgba(000,000,000,0),
        inset 0px 1px 3px rgba(000,000,000,0.1);
    text-shadow:
        0px 0px 0px rgba(000,000,000,0),
        0px 1px 0px rgba(255,255,255,0.5);
    border: 1px solid #bfbfbf;
}
.AuthorFrame{
    border: 5px solid white;
    position:relative;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.42);
    -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.42);
    -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.42);
    float:left;
    margin-right:10px;
    margin-top:10px;
    margin-bottom:10px;
    width:96px;
}

.contenttxt{
    font-size:13px;
}



.left{
    text-align:left;
    float:left;
    padding:10px;
    position:inherit;
}
.right{
    float:right;
    text-align:right;
    padding:10px;
    position:inherit;
}
.centered{
    text-align:center;
    padding:10px;
    position:inherit;
}


input,textarea{


    outline: none;
    font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #555555;
    margin: 0;
    width: 100%;
    max-width: 100%;
    display: block;
    margin-bottom: 5px;
    background: #f9f9f9;
    padding-left:8px;
    border:1px solid #868689;
}
textarea{
    height: 80px;
    padding-top: 10px;
}
label{

    color: #ffffff;

    font-weight:bold;
    border-top-left-radius:2px;
    border-top-right-radius:2px;

}

.retweet{

    padding-bottom:8px;

}


/* ============================================== SERVICE SECTION ============================================== */
#servicem{
    padding:36px 0 0 0;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-size:13px;
    margin:0 auto;
    padding:0;
    line-height:20px;
    padding-top:0px;
    color: #333333;
    text-align: left;

}


#servicem h2{
    color: #363636;
}
#servicem a{
    color: #363636;
}

#servicem #servicein img{

    float: left;

}
#servicem li .blogm{
    width: 100%;
    border-bottom: 1px solid #eaeaea;

}
.textn{
    color: #555555;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
}
#servicem #servicein{
    color: #5A5A65;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    border-right: 1px solid #EEEEEE;
}
#servicem #servicein .bigimageblog{
    border: 5px solid #EAEAEf;
    margin-right: 15px;
    box-shadow: 0 5px 5px -5px #bbbbbb;
    width: 128px;
    height: 128px;
    overflow: hidden;
}
#servicem .recentpost .blogdate{
    border-left: 5px solid #bbbbbb;
    position: absolute;
    background:#565658;
    padding: 2px 5px;
    margin-top: 100px;
    color: #ffffff;
    z-index: 99;

    text-align: center;
}
.decoerblog{
    margin-left: 150px;
    margin-bottom: 20px;
    border-left: 90px solid #F5F5F5;
    background:#EAEAEF;
    height: 3px;
}

#servicem #servicein .bigimages{
    border-radius: 2px;
    margin-right: 15px;
    box-shadow: 0 5px 5px -6px #AAAAAA;
    width: 200px;
    height: 128px;
    overflow: hidden;
}
#servicem #servicein .recentpost:hover .bigimages {

}
#servicem .recentpost {
    color: #5A5A65;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;

}
#servicem .decore {
    margin-left: 140px;
    margin-bottom: 10px;
    margin-top: 2px;
    border-left: 5px solid #404040;
    background: url(../images/pattern/pt1.png);
    height: 3px;
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease;
}
#servicem .recentpost:hover .decore{
    border-left-width: 260px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
#servicem .decoreend {
    border-bottom: 1px solid #EEEEEE;
    margin-top: 15px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
#servicem .recentpost:hover  .decoreend {
    border-bottom: 1px solid #CCCCCC;
}
#servicem .catta {
    font-size: 13px;
    color: #A2A2A2;

}
#servicem .recentpost .ireadmore a{
    padding: 10px;
    border: 1px solid #FFFFFF;
    background: #FBFBFB;
    float: right;
    color: #5A5A65;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #4d4d4d;
    padding: 10px 15px;

    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease;
    margin-right: 40%;
    opacity: 0;

}

#servicem .recentpost:hover .ireadmore a{
    border: 1px solid #CCCCCC;
    margin-right: 0%;
    opacity: 1;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;

}
#servicem .recentpost:hover .ireadmore a:hover{
    background: #454649;
    color: #ffffff;
}
#servicem .recentpost .bigname{
    position: absolute;
    border-bottom: 1px solid #EBECED;
    border-left: 1px solid #EBECED;
    border-right: 1px solid #EBECED;
    background: #FFFFFF;
    padding: 2px;
    margin-top: 87px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 194px;
    color: #393939;
    z-index: 99;
    text-align: center;

    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
#servicem .recentpost:hover .bigname{
    color: #FFFFFF; 
    background: rgba(255,255,255,.1);
    border-bottom: 0px solid #EBECED;
    border-left: 0px solid #EBECED;
    border-right: 0px solid #EBECED;
    box-shadow: 0 0px 0px 0px #FFFFFF;
    width: 200px;
}

#servicein ul li{
    width: 600px;
}
#servicein ul li .recentpost{
    border-bottom: 1px solid #eaeaea;
}


/* ============================================== SINGLE PAGE SECTION ============================================== */
.recentpost img{
    margin-bottom: 15px;   
    border-radius: 3px;
}
.recentpost p{
    font-size: 13px;
    color: #333333;
    margin-top: 10px;

}
blockquote{
    border-left: 5px solid #FFFFFF;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #F2F2F2;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #333333;
}
blockquote:before{
    content: '\2018 \2018';  
    font-size: 46px;
    left: 30px;
    z-index: 9999;
    position: absolute;
    font-family: tahoma;
    margin-top: 10px; 
    font-family: 'Helvetica', sans-serif;
    color: #BFBFBF;
}
blockquote:after{
    content: '\2019 \2019';  
    font-size: 46px;
    margin-left: 190px;
    margin-top: 15px;
    z-index: 9999;
    position: absolute;
    font-family: tahoma;
    font-family: 'Helvetica', sans-serif;
    color: #BFBFBF;
}
em{
    font-size: 14px;
    color: #333333;
    font-style: italic;
    padding-left: 20px;
    font-family:  sans-serif, Helvetica, Arial;
}
#servicem .recentpost h3{
    letter-spacing : 0.5px;
    color: #404040;
    font-size: 14px;
    font-weight: bold;
    text-transform:uppercase;
    padding-left: 185px;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
#servicem .recentpost h2{
    position: absolute;
    z-index: 18;
    font-size: 16px;
    width: 595px;
    color: #FFFFFF;
    padding: 5px;
    padding-right: 0px;
    font-weight: bold;
    text-transform:uppercase;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    background: rgba(0,0,0,.5);
}
#servicem .recentpost:hover h3{

}
.headbg{
    background:#ffffff url(../images/px.png);
    padding: 20px;
    color: #333333;
    font-size: 26px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #dfdfdf;
}
.headbg h2{
    font-size: 36px;
    text-shadow:
        0px -1px 0px rgba(255,255,255,0.3),
        0px 1px 0px rgba(255,255,255,0.2);
    color: #333333;
} 
/* ============================================== SIDEBAR SECTION ============================================== */
#categoriesm{
    width: 23%;
    float: right;
}
#categoriesm h2{
    font-size: 22px;
    background: #F5F5F5;
    letter-spacing : 2px;
    text-transform:uppercase;
    padding: 10px;
    border-left: 10px solid #767679;
    color: #383839;
}

#categoriesm ul li a{
    width: 150px;
    padding-left: 15px;
    color: #616666;
    font-size: 13px;
    line-height: 32px;
    border-bottom: 1px solid #FFFFFF;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;


}
#categoriesm ul li a:hover{
    background: #fafafa;
    padding-left: 5px;
    padding-right: 5px;
    padding-left: 5px;
    color: #969696;
}
.catindex{
    width: 250px;
    border: 1px solid #EFEFEF;
    border-bottom: 5px solid #F5F5F5; 
    background: #FFFFFF;
    padding-right: 20px;
    margin-left: 0px;
    margin-bottom: 10px;
    box-shadow: 0 2px 1px #EDEDED;
    -moz-box-shadow: 0 2px 1px #EDEDED;
    -webkit-box-shadow: 0 2px 1px #EDEDED;
    display: inline-block;
    color: #FFF;


}
.catindex h2{
    font-size: 16px;
    letter-spacing : 1px;
    text-transform:uppercase;
    padding-left: 0px;
    color: #EFEFEF;
    padding-top: 10px;  

}
#cates .catindex a{
    color: #797976;
}
#cates .catindex h2:before{
    content: '\2588';
    text-transform:uppercase;
    padding: 10px;
    font-size: 14px;
    color: #FFFFFF;
}
#cates .catindex h2:after{
    content: '\2590';
    text-transform:uppercase;
    padding: 10px;
    font-size: 14px;
    color: #FFFFFF;
}


#cates .catindex ul li{
    width: 100%;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    border-top: 1px solid #EFEFEF;
    background-color: #FFFFFF;
}
#cates .catindex ul li:hover{
    background-color: #FFFFFF; 
    color: #464648;
}

#cates .catindex ul li,.catindex ul li a{
    color: #999999;
}
#cates .catindex ul li a:hover{ 
    padding-right: 5px;
    margin-left: 10px;
    color: #FFFFFF;

} 
.catend{
    background: #000000;
    height: 20px;
    width: 250px;
    border-bottom: 1px solid #171717;
}


/* ============================================== SEARCH SECTION ============================================== */
#search {
    padding:3px;
    padding-left: 10px;
    z-index: 9999;
    padding-top: 7px;
    float: right;
    margin-right: 20px;
}

.searchtxt {
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    width:0px;
    outline:none;
    float: left;
    background-color:#FFFFFF;
    color:#616666;
    height: 42px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    padding:5px;
    width:220px;
    text-align: left;
    border-top: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
    border-right: 0px solid #EEEEEE;
    box-shadow: 0 0 0px #eeeeee;
    font-size: 26px;
    float: left;

}
.searchtxt:focus {
    background-color:#FFFFFF;
}
.searchtxt:hover{
    border: 1px solid #FFFFFF;
    border-right: 0px solid #EEEEEE;
}
.searchbtn {
    color:#FFFFFF;
    padding:5px;
    margin-top: 0px;
    width: 54px;
    height: 54px;
    cursor: pointer;
    background-color:#FFFFFF;
    background-image:url(images/zoom.png);
    border: 1px solid #EEEEEE;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: 0 0 0px #eeeeee;
    float: right;
}
#search:hover .searchbtn {
    background-color:#FFFFFF;
    background-position: 54px 0;
    border: 1px solid #FFFFFF;
}


/* ============================================== DATE ON PHOTO SECTION ============================================== */
.date {
    display: block;
    width: 70px;
    height: 100px;
    margin: 0px auto;
    background: #ffffff;
    text-align: center;
    font-family: 'Helvetica', sans-serif;
    position: relative;
    float:left;
    margin-top:5px;
    margin-right:15px;
    border-bottom: 1px solid #eaeaea;
}

.date .binds {
    position: absolute;
    height: 10px;
    width: 40px;
    background: rgba(255,255,255,.5);
    border: 2px solid #999;
    border-width: 0 5px;
    top: -6px;
    left: 0;
    right: 0;
    margin: auto;
    border: 1px solid #E7E7E7;
}

.date .month {
    background: #5A5A65;
    display: block;
    padding: 8px 0;
    color: #ffffff;
    font-size: 13px;
    border: 1px solid #E5E4E4;
}
.blogm:hover .date .month {
    background: #F5F5F5;
}
.date .day {
    display: block;
    margin: 0;
    padding: 10px 0;
    font-size: 14px;
    color: #5A5A65;
    border-left: 1px solid #E5E4E4;
    border-right: 1px solid #E5E4E4;
    border-bottom: 1px solid #E5E4E4;
    position: relative;
    box-shadow: 0 5px 5px -5px rgba(3,3,3,.3);
}

.date .day::after {
    content: '';
    display: block;
    height: 100%;
    width: 96%;
    position: absolute;
    top: 3px;
    left: 2%;
    z-index: -1;
    box-shadow: 0 0 3px #ccc;
}

.date .day::before {
    content: '';
    display: block;
    height: 100%;
    width: 90%;
    position: absolute;
    top: 6px;
    left: 5%;
    z-index: -1;
    box-shadow: 0 0 3px #ccc;
}





.profilex {
    display: block;
    width: 220px;
    height: 250px;
    margin: 0px auto;
    text-align: center;
    font-family: 'Helvetica', sans-serif;
    position: relative;
    float:left;
    margin-right:0px;
    overflow:hidden;
    border-bottom: 5px solid #EFEFEF;
    background:#F2F2F3;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    box-shadow: 0 2px 6px #DDDDDD;
    -moz-box-shadow: 0 2px 6px #DDDDDD;
    -webkit-box-shadow: 0 2px 6px #DDDDDD;
}
.profilex:hover {
    box-shadow: inset 0 1px 0 0 #DDDDDD;
}
.profilex .probinds {
    background: #FFFFFF;
    border-width: 1px 1px 0 0;
    left:20px; bottom:27px; content: '';
    display: block;
    height: 30px;
    position: absolute;
    width: 30px;
    -webkit-transform: rotate(-45deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform: rotate(-45deg);
    -moz-transform-origin: 50% 50%;
    -ms-transform: rotate(-45deg); /* IE 9 */
    -ms-transform-origin:50% 50%; /* IE 9 */
    -o-transform: rotate(-45deg);
    -o-transform-origin: 50% 50%;
    transform: rotate(-45deg);
    transform-origin: 50% 50%;

    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;

}
.profilex:hover .probinds {
    bottom: -38px;
}
.propic {
    display: block;
    padding: 0px 0;
    color: #fff;
    font-size: 13px;
    font-weight: bold;

}

.propic img{
    width: 220px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    background:#ffffff;

}
.profilex:hover .propic img{
    border-top: 0px solid #D3A200;
    margin-top: 10px;


}
.imgdate {
    background-color: rgba(255,255,255,.7); 
    z-index:200;
    color: #363637;
    text-shadow: 0 1px 5px #DEDEDE,0 -1px 0 #DEDEDE;
    position: absolute;
    bottom: 50px;
    right: 0;
    font-size: 13px;
    padding: 5px;
    padding-left: 25px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    background-image: url(../images/ico_links.png);
    background-repeat: repeat-y;
    background-position-x: 0px;
}
.profilex:hover .imgdate:hover{
    background-color:#111114;  
    right: 0;
}
.profilex:hover .imgdate{
    right: -91px;
    background-color: rgba(0,0,0,.6);
}
.zoomimg{
    background-color:rgba(255,255,255,.7);
    background-image:url(../links.png);
    z-index:200;
    width:70px;
    height:70px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-radius:100%;
    opacity:.94;
}
.zoomimg:hover{
    background-color:rgba(10,10,10,.7);
    background-position: 0 -70px;
}
.profilex .picview{
    z-index:99;
    width:40px;
    height:40px;
    top:-5px;
    left:72px;
    border-radius:2px;
    position:absolute;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    opacity:0;
}
.profilex:hover .picview{
    top:60px;
    opacity:1;
}

.profilex .proname a{
    color: #292929;
    font-size: 14px;
}
.profilex:hover .proname a{
    color: #FFFFFF;
}
.profilex .proname {
    display: block;
    margin: 0;
    padding: 20px 0;
    position: absolute;
    bottom:0px;
    width: 100%;
    background:#F5F5F5;
    color:#FFFFFF;

    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    z-index:2;
    opacity:1;
    padding: 10px 0;
    font-size: 16px;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
}
.profilex:hover .proname {
    background: rgba(0,0,0,.4);
    color: #FFFFFF;
}
.profilex:hover .proname:hover {
    background:#F5F5F5;
    color:#FFFFFF;
}
.profilex:hover .proname:hover a{
    color:#565657;
}
.profilex .txt{
    display: block;
    position:absolute;
    color:#eaeaea;
    top:-300px;
    padding:10px;
    font-size:13px;
    text-align:left;
    height:80px;
    overflow:auto;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.profilex:hover .txt{
    top:0px;
}


.profilex .txt::-webkit-scrollbar {
    background:#777777;
    height:10px;
}


.profilex .txt::-webkit-scrollbar-thumb {
    background:#F5F5F5;
    border-top:1px solid #F98963;
    border-bottom:1px solid #F98963;
}

.profilex .txt::-webkit-scrollbar {
    width: 10px;
}




.tsearch{
    top :115px;
    right: 25px;
    position: absolute;
}



#bottombanner{
    text-align: center;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
#bottombanner img{
    padding: 5px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, IE10 */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
    -webkit-filter: saturate(0%);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
#bottombanner img:hover{
    filter: none;
    -webkit-filter: grayscale(0%);
    -webkit-filter: saturate(100%);
}

.visit {
    border: 1px solid #E4E4E4;
    color: #777777;
    background: #F5F5F5;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 13px;
    float: right;
    margin-right: 5px;
}
.visit:hover{
    background: #EFEFEF;
}

#sheet em p{
    line-height: 18px;
    padding-left: 20px;
    border-left: 5px solid #D9D9DA;
    font-size: 18px;
    font-style: italic;
    color: #768696;
    margin-bottom: 10px;
}
.textservice{
    margin-top: 1px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 20px;
    padding-top: 30px;
}
.textservice h2{
    font-size: 18px;
    background: #FFFFFF;
    padding: 8px;
    color: #FFFFFF; 
    margin-bottom: 20px;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;

}
.textservice h3 {
    color : #616666;
    font-size : 14px;
    line-height : 20px;
    margin : 0 0 5px;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
    text-shadow: 0 1px 5px #EFEFEF,0 -1px 0 #EFEFEF;

}
.textservice .decore{
    background-image:url(../images/pattern/pt2.png);
    height: 20px;
}
.textservice strong {
    font-size: 18px;
    color: #616666;

    background:#FFFFFF;
    padding-left: 10px;
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 10px;
    margin-left: 5px;
    box-shadow: 0 5px 18px -7px #cccccc;
    -moz-box-shadow: 0 5px 18px -7px #cccccc;
    -webkit-box-shadow: 0 5px 18px -7px #cccccc;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
}
.alldecore{
    background-image:url(../images/pattern/pt2.png);
    height: 10px;
    margin-bottom: 10px;
}
.titlebg{
    background: #ffffff;
    padding: 5px;
    float: left;
}
#pagenumber{
    text-align: center;
}


/* ============================================== TAG POST ============================================== */
#footersidebar .tagcloud a{
    font-family: Arial, Helvetica, sans-serif;
    background: #FFFFFF;
    text-shadow: 0 1px 0 #EFEFEF;
    border: 1px solid #121212;
    padding : 10px;
    margin: 2px;
    margin-top: 10px;
    font-size: 12px;
    -webkit-transition : all 1s ease;
    -moz-transition : all 1s ease;
    -o-transition : all 1s ease;
    -ms-transition : all 1s ease;
    transition : all 1s ease;
    line-height: 42px;
    color: #363838;
}
#footersidebar .tagcloud a:hover{
    border: 1px solid rgba(100,100,100,.4);
    background: #FFFFFF;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(100,100,100,.4);
    -webkit-transition : all 0.3s ease;
    -moz-transition : all 0.3s ease;
    -o-transition : all 0.3s ease;
    -ms-transition : all 0.3s ease;
    transition : all 0.3s ease;
}
/* #footersidebar .tagcloud a{
    font-family: Arial, Helvetica, sans-serif;
    color: #777777;
    padding : 10px;
    background: #484848;
    color: #FFFFFF;
    margin: 2px;
    margin-top: 10px;
    font-size: 13px;
    border: 1px solid #E8E8E8;
    background: #f5f5f5;
    -webkit-transition : all 1s ease;
    -moz-transition : all 1s ease;
    -o-transition : all 1s ease;
    -ms-transition : all 1s ease;
    transition : all 1s ease;
    line-height: 42px;
}
#footersidebar .tagcloud  a:hover{
    background: #484848;
    color: #FFFFFF;
    -webkit-transition : all 0.3s ease;
    -moz-transition : all 0.3s ease;
    -o-transition : all 0.3s ease;
    -ms-transition : all 0.3s ease;
    transition : all 0.3s ease;
}*/

.twopost{
    width: 260px;
    position: relative;
    float: left;
    padding: 15px;
    margin-bottom: 50px;
}
.twopostdecore{
    height: 5px;
    width: 260px;
    border-bottom: 3px solid #464646; 
    margin-top: 15px;
}
.twopost img{
    width:260px;
    height: 160px;
}
.twopost img:hover{
    opacity: .8;
}
.twopost h2{
    color : #606060;
    font-size : 16px;
    margin : 0 0 5px;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    text-transform:uppercase;
    line-height: 20px;
    border-bottom: 3px solid #FFFFFF;
    padding-top: 0px;
    float: left;

}
.twopost h2:hover{
    color: #FFFFFF;
}
.twopost h2:after{
    content: '';
    width: 3px;
    height: 5px;
    background: #FFFFFF;
    position: absolute;
    margin-top: 28px;
}
.posttwoinner{
    font-size : 13px; 
    color : #969696;
    border-bottom: 1px solid #EBEBEB;
    display: block;
    width: 100%;
    padding-bottom: 5px;
    margin-bottom: 10px;
    overflow-y: hidden;
}
.posttwoinner h3{
    font-size: 14px;
    color : #393939;
}
.posttwoinner em{
    font-size : 13px;   
    color: #7D8188;
    font-style: normal;
    padding-left: 0px;
}
.posttwoinner .list{
    width: 62px;
    height: 62px;
    float: left;
    margin-top: 5px;
    margin-right: 15px;
    border-radius: 3px;
}
.posttwoinner .banner{
}


.recent-head{
    font-size: 18px;
    color: rgba(255,255,255,.8);
    padding-bottom: 0px;
    padding-top: 5px;
    z-index: 999;
    float: left;
    background-color: #5b3829 !important;
    padding-left: 13px;
    padding-right: 13px;
    border-bottom: 3px solid #FFFFFF;
    margin-left: 10px;
    margin-bottom: 0px;
    margin-top: -30px;
}

.recent-head-decore{
    width: 600px;
    background: #FFFFFF;
    z-index: 1; 
    border-bottom: 3px solid #464646;
}
.recent-head:before{
    content: '';
    width: 3px;
    height: 5px;
    background: #FFFFFF;
    position: absolute;
    margin-left: -15px;
    margin-top: 23px;
}
.recent-head:after{
    content: '';
    width: 3px;
    height: 5px;
    background: #FFFFFF;
    position: absolute;
    margin-left: 13px;
    margin-top: 23px;
}
.imagesm{
    text-align: center;
}

.idate{
    margin-top: 2px;
    text-align: right;
    padding-top: 6px;
    padding-bottom: 2px;
    padding-right: 10px;
    float: right;
    color: #F1F1F1;
    padding-left: 35px;
    background:#FFFFFF url(../images/My_Apps.png) no-repeat 0 0;
}
.ipost{
    margin-top: 2px;
    text-align: left;
    padding-top: 6px;
    padding-bottom: 2px;
    padding-right: 10px;
    float: left;
    color: #F1F1F1;
    padding-left: 35px;
    background:#FFFFFF url(../images/autro.png) no-repeat 0 0;
}
#header #site { 
    border-bottom: 8px solid #EDEDEF;

} 


/* buat footer   */

.ffot { background-color:#222222; width:100%; padding:15px 0px;}
.link_ft ul { list-style:none; padding-left:0px; width:260px;}
.link_ft ul li { list-style:none; padding-left:0px; line-height:12px; border-bottom:1px dotted #626262; margin:4px 0px; padding-bottom:7px;}
.link_ft a:link,
.link_ft  a:visited { font-family:Tahoma, Geneva, sans-serif; color:#FFF; text-decoration:none; font-size:12px;border:none !important;}
.link_ft a:hover { font-family:Tahoma, Geneva, sans-serif; color: #F60; text-decoration:none; font-size:12px; border:none !important;}
.h10 { height:10px;}.h15 { height:15px;} .h5 { height:5px;}
.icoa_apps {border:none !important; margin-right:3px;}
.putih12 {color:#FFF; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:18px;}

.boxbawahfoot { width:100%; background-color:#0E3055; padding:15px 0px; }
.box_copyright { width:100%; background-color:#08294C; padding:10px 0px; }