body {
    color: #606060;
    margin: 0;
    padding: 1px;
    font-family: arial,sans-serif;
    font-size: 13px;
    background: #fff none repeat scroll 0 0;
    margin: auto;
    width: 100%;
    max-width: 700px;
    border : 1px solid #cdcdcd;
    border-radius: 5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px #343434;
}

hr {border: 0;border-top: 1px solid #d5d5d5;margin-top: 4px;margin-bottom: 4px}

p {
  margin: 1px;
}

textarea {
  width: 99%;
  max-width: 691px;
}

ul {
  margin: 0;
  padding-left: 20px;
}

h1,h2,h3,h4,h5,h6 {
font-weigth: bold;
font-size:16px;
font-family: Arial, Helvetica, sans-serif;
margin:0;
display: inline;font-size: 13px;}
hr {border: 1px solid green;}

img {
border: 0 none;
margin:0;
max-width: 96%;
padding:0;
border-radius: 9px;
-webkit-border-radius: 7px;
-moz-border-radius: 9px;
}
 
.logo {
    background-color : #ccf7ff;
    border: 1px solid #88beff;
    background-repeat : repeat-x;
    background-position : 50% top;
    margin-top : 1px;
    margin-bottom : 1px;
    padding : 2px;
 border-radius: 4px;
}

.phdr, .bmenu, .title {
    color: #fff;
    font-weight: bold;
    background-color: #08A8E8;
    background-repeat: repeat-x;
    background-position: 50% top;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 4px;
    border: 1px solid #88beff;
}

.phdr a, .bmenu a, .title a {
 color: #fff;
 border-bottom: 1px dotted #74c3ec;
}

.menu, .list1, .blog  {
 background-repeat : repeat-x;
 background-position : 50% top;
 margin-top : 1px;
 margin-bottom : 1px;
 padding : 3px;
 border : 1px solid #e1e1e1;
}

.tag {
 border: 1px solid #e6e6e6;
 background: #ffffff;
 margin: 1px 0;
 padding: 3px 1px 4px 4px;
 -moz-border-radius: 4px; 
 -webkit-border-radius: 4px; 
 border-bottom-radius: 4px; 
}

.dl  {
 background-repeat : repeat-x;
 background-position : 50% top;
 padding : 2px;
}

.news {
 margin-top : 1px;
 margin-bottom : 1px;
 padding : 2px;
 border : 1px solid #e1e1e1;
}

.news img {
max-width: 96%;
border-radius: 1px;
}


a:link, a:active, a:visited {
color: #0565B2;
text-decoration:none;
}
a:hover {
color:#3C0;
}

.path{
background-color: #D9EDF7;
border-color: #BCE8F1;
color: #3A87AD;
border-radius: 3px;
margin: 4px;
font-size: 11px;
color: #222;
padding: 4px;
}

.xt_blog {
    background: #fafafa repeat 50% top;
    padding: 0px;
    text-align: left;
    margin: 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.xt_blog_post_list br {
display: none;
}

.xt_blog_content {
    background-color: #fff;
    font-size: 13px;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 4px;
    border: 1px solid #d5d5d5; 
}

.xt_blog_title_link:before{content:url(/images/list.gif);}


.xt_blog_title_link {  
    background-repeat : repeat-x;
 background-position : 50% top;
 margin-top : 1px;
 margin-bottom : 1px;
 padding : 3px;
    display:block;
    border : 1px solid #e1e1e1;
}

.xt_description {padding: 4px;background:#fff;display:block;margin-top:1px;}

.xt_blog_title_content {
    border-bottom: 1px dotted #121212;
    margin-top: 2px;
    margin-bottom: -4px;
    padding: 2px;
}

.xtblog_comment_msg {
    background-color: #fff left bottom repeat-x;
    color: #000;
    margin: 2px;
}
.xt_blog_title {
background-color: #FFF;
border-radius: 3px;
margin: 4px;
font-size: 14px;
padding: 4px;
text-align: center;
color: #00f;
}


.xt_blog_subtitle {
    text-align: center;
    margin: 2px 0px 2px 0px;
}
.xt_blog_back_to_posts {
    margin-left: 4px;
    margin-right: auto;
    display: table;
    background-color: #fff left bottom repeat-x;
    border: 1px solid #f0f;
    padding: 2px;
}

.filelist_paging, .page, .xt_blog_paging, .xt_pagination {
text-align: center;
padding: 5px;
background: #fff;
border: 1px solid #ddd;

}

.currentpage span,.xt_blog_paging span, .page span, .filelist_paging span, .xt_pagination .selected {
background: #FFF;
color: #08A8E8;
margin: 2px 2px;
display: inline-block;
border-radius: 4px;
padding: 2px 6px;
border : 1px solid #08A8E8;
}
.filelist_paging a, .page a, .xt_pagination a, .currentpage a, .xt_blog_paging a {
background: #08A8E8;
color: #FFF;
margin: 2px 2px;
display: inline-block;
border-radius: 4px;
padding: 2px 6px;
}
.filelist_paging a:hover, .page a:hover, .currentpage a:hover, .xt_blog_paging a:hover {
background: #009900;
}

.qc {
    background: none repeat scroll 0 0 #FFFFC0;
    font-size: 12px;
    margin-bottom: 0px;
    margin-top: 2px;
    font-weight: normal;
    border: 1px solid #DDBC6B;
    padding: 3px;
}

.topmenu {
  background-color: #d5f3ff;
  border: 1px solid white;
  font-size: 11px;
  margin: 0px;
  padding: 4px 4px 4px 4px;
}



.footer, .coklat {
    background: #86d6fe url(images/foot.png) repeat-x 50% bottom;
    border: 1px solid #88beff;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 4px;
    text-align: left;
    text-indent: 0px;
    color: #000;
}

.phpcode {
  background-color: #E0E6E9;
  border: 1px dotted #9FAEBB;
  margin-top: 4px;
  padding: 0 2px 0 2px;
  overflow: auto;
}

.quote {
  border-left: 4px solid #c0c0c0;
  color: #878787;
  font-size: x-small;
  margin-left: 2px;
  margin-bottom: 4px;
  padding: 2px 0 2px 4px;
}