body{cursor: url("http://ifangt.mobie.in/img.png"),
auto}
body {
color : #000;
font-size : 12px;
background:#eee url(http://ztube.xtgem.com/Background.jpg)no-repeat center;
background-size:100%;
font-family: Arial, Helvetica, sans-serif;
text-align:jusfity;
padding : 0;
fload:left;
margin: auto;
border: 1px solid#b7b7b7;
max-width: 1024px;
} 

img,textarea,pre,table,blockquote{max-width:100%; height:auto;
}
.header {
    xmin-width: 1024px;
}

.wrapper {
    position: relative;
    overflow: auto;
}

#top, #sidebar, #bottom, .menuitem {
    border-radius: 4px;
    margin: 4px;
}

#top {
    background-color: black;
    color: #ffffff;
    padding: 15px;
}

#menubar {
    width: 200px;
    float: right;
}

#main {
    padding: 0px;
    margin: 0 200px;
}
}

#sidebar {
    background-color: black;
    color: #ffffff;
    padding: 10px;
    width: 180px;
    bottom: 0;
    top: 0;
    right: 0;
    position: absolute;
}

 #footer {
background-color: teal;
    text-align: center;
    padding: 2px;
    font-family:monospace,monospace;
font-size:1em;
}
#footer a {
color:fff;
text-decoration: none;
} 

#top h1, #top p, #menulist {
    margin: 0;
    padding: 0;
}

.menuitem {
    background-color: #f1f1f1;
    border: 1px solid #d4d4d4;
    list-style-type: none;
    padding: 2px;
    cursor: pointer;
}

.menuitem:hover {
    background-color: #ffffff;
}

a {
    color: teal;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}
#sidebar ul, #sidebar ol{list-style-type:none;padding:0;margin:0}
#sidebar ul li, #sidebar ol li{padding:6px 2px 6px 16px;border-bottom:1px solid #eee}
ul.breadcrumb {font-size:12px;
text-transform: capitalize;
    padding: 4px 2px;
    list-style: none;
}
ul.breadcrumb li {display: inline;}
ul.breadcrumb li+li:before {
    padding: 2px;
    color: black;
    ;
}


@media (max-width: 800px) {
    #sidebar {
        width: auto;
        position: relative;
    } 
    #main {
        margin-right: 0;
    }    
       
}

@media (max-width: 800px) {
    #menubar {
        width: auto;
        float: none;
    }
    #main {
        margin: 0;
    }    

 /* webkit search browser */
input {
outline: none;
}
input[type=search] {
-webkit-appearance:
textfield;
-webkit-box-sizing:
content-box;
font-family: inherit;
font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
display: none; /* hapus
text search dan ikon */
}
/* search input */
input[type=search] {
background: #ededed url(http://datague.jw.lt/img/cari.png) no-repeat 4px center;
background-position: 80px 10px; 
border: solid 1px #999;
padding: 8px 9px 8px
32px;
width: 60px;
}
input[type=search]:focus {
padding: 8px 9px 8px
width: 130px;
border-right:1px solid:#000;
background-color: #fff;
border-color: #6dcff6;
-webkit-box-shadow: 0 0
5px rgba(109,207,246,.5);
-moz-box-shadow: 0 0 5px
rgba(109,207,246,.5);
box-shadow: 0 0 5px rgba
(109,207,246,.5);
}
/* placeholder */
input:-moz-placeholder {
color: #999;
}
input::-webkit-input-placeholder {
color: #999;
padding: 8px 9px 8px
}

#gt-title, .gt-header, .Home {
margin:2px; padding:2px; background-color: #f1f1f1;
border: 1px solid #d4d4d4; position: relative; text-align:justify; 
}
#gt-title a, .gt-header a, .Home a { color:#fff; text-decoration:none;
margin-left:4px; text-shadow: 1px 1px 2px black; text-transform: capitalize; text-align:justify; 
display:block;
}



textarea { fload:center; width:80%; 
height:50px; text-align:justify; 

iframe, vnd.youtube {
width:100%;
}
.ResponsiveWrapper {
 position: relative;
 padding-bottom: 56.25%; /* 16:9 */
 padding-top: 25px;
 height: 0;
}
.ResponsiveWrapper iframe, video, object, embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.fb {
background: #3b5998;
font-weight:normal;
color:#fff;
display: inline-block;
margin:2px;
padding:1px;
position: relative;
text-align:jusfity;
}
.tw {
background: #00aced;
font-weight:normal;
color:#fff;
display: inline-block;
margin:2px;
padding:1px;
position: relative;
text-align:jusfity;
}
.gl {
background: #dd4b39;
font-weight:normal;
color:#fff;
display: inline-block;
margin:2px;
padding:1px;
position: relative;
text-align:jusfity;
}
.fb a, .tw a, .gl a {
color: white; text-align:center;}
.tags, xt_back_to_post, .back, .next , back_to_post { 
background: #f0f0f0;
font-weight:
bold;color:#000;
border: 1px solid #999;
display: inline-block;
margin:2px;
padding:5px;
position: relative;
text-align:left;
}
.comment {
background: #4dc200;
font-weight:
bold;color:#000;
border: 1px solid #999;
display: inline-block;
margin:2px;
padding:5px;
position: relative;
text-align:left;
}
.comment a, .dl a {
color:#fff;
bacground:blue;
}

 /* PAGINATION versi 1 */
.xt_blog_paging a:nth-child(odd),
.filelist_paging a:nth-child(odd) {
display: inline-block;
background: #f0f0f0;
margin: 1px;
padding: 7px;
color: #fff;
text-decoration: none;
border: 1px solid #999;
}
.xt_blog_paging a:hover, .filelist_
paging a:hover {
text-decoration: none;
border: 1px solid #999;
color: #fff;
}
.xt_blog_paging a:nth-child(even),
.filelist_paging a:nth-child(even) {
display: inline-block;
background: #f0f0f0;
margin: 1px;
padding: 2px 7px 2px;
color: #fff;
text-decoration: none;
border: 1px solid #999;
}
.xt_blog_paging a:hover, .filelist_
paging a:hover {
padding: 2px 7px 2px;
border: 1px solid #999;
color:#fff;
text-decoration: none;
}
.xt_pagination, .xt_blog_paging,
.filelist_paging {
background: #fff;
padding: 7px;
margin:1px;
border: 1px solid #999;
text-align:center
}
.xt_blog_paging a, .xt_pagination a
{padding: 2px 7px 2px;margin:1px;
color:#fff;background: teal;
border: 1px solid #999; }
.xt_blog_paging span, .selected {
padding: 2px 7px 2px;
margin: 1px;
background: teal;
border: 1px solid #999;
color:#fff;}