/* Simple style */

body { width: 100%;
font-family: Verdana;
padding: 0;
margin: auto;
margin-top: 1px;
color: #332;
font-size: 13px;
background-color: #fff; }

a { color: #4060aa;
text-decoration: none; }

p { font-size: 1.2em; line-height: 1.4em; margin: 0 0 10px 0; }

ol, ul { margin: 0; }

h1 { font-size: 1.4em; line-height: 1.4em;
margin: 0; }

h2 { font-size: 1.2em; line-height: 1.4em;
margin: 0; }

h3 { font-size: 1.2em; line-height: 1.4em;
margin: 0; }

input, select, textarea { border:1px solid #efae4f;
margin-bottom: 1px;
color: #332;
background-color: #fff6ef; }

input[type="submit"], input[type="button"], button { background-color: #4060aa;
color: #fff6ef;
border: 2px solid #338;
border-top: 2px solid #6080cc; }

#hd { background-color: #4060aa;
padding: 4px;
color: #fff6ef;
border-top: 2px solid #6080cc;
border-bottom: 2px solid #338; }

#hd a { color: #fff6ef; }

#hd p { font-size: 1.1em;
margin: 0; }

#hd h1 { margin: 0; }

.judul { background-color: #e7e8e8;
border-top: 1px solid #fff6ef;
border-bottom: 1px solid #d2d3d5;
padding: 4px;
color: #888;
text-shadow: 1px 1px 1px #fff; }

.judul a, .tgl { color: #888; }

.list { background-color: #fff6ef;
border-top: 2px solid #fff;
border-bottom: 1px solid #efae4f;
padding: 4px; }

.bm { background-color: #afcfff;
border-top: 1px solid #cfefff;
border-bottom: 1px solid #4060aa;
padding: 4px;
text-shadow: 1px 1px 1px #fff; }

#list { padding: 0;
margin: 0;
width: 
100%; }

#list li { list-style: 
none;
margin: 0;
text-align: left; }

#list li a { display: block;
background-color: #fff6ef;
border-top: 2px solid #fff;
border-bottom: 1px solid #efae4f;
padding: 4px; }

.tra, .s { padding: 4px;
border-bottom: 1px solid #d2d3d5; }

.nav { background-color: #b4b4b4;
padding: 4px;
border-top: 1px solid #dedede;
border-bottom: 1px solid #999;
color: #fff; }

.nav a { color: #fff; }

.in { text-indent: 10px; }

.img_left { float: left;
margin: 0px 4px 4px 0px;
width: 50px; }

.block { display: block; }

blockquote { border-left: 3px solid #ccc;
margin: 4px;
padding-left: 3px; }

.ft { background-color: #797979;
color: #fff6ef;
padding: 4px;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #b4b4b4;
border-bottom: 2px solid #555;
font-size: small;
text-align: center; }

#o {display: none; }

.ft a { color: #ea8e00; }

/* Blog style */

.xt_blog { }

.xt_blog_title_link { display: block;
background-color: #fff6ef;
border-top: 2px solid #fff;
border-bottom: 1px solid #efae4f;
padding: 4px;
font-weight : bold; }

.xt_blog_comments_number { float: right;
color: #888;
margin: 4px 0px 0px 4px; }

.xt_blog_comments_number:before { content:url(http://xtgem.com/images/web/block_edit.png) }

.xt_blog_title_content { padding: 4px;
padding-bottom: 0; }

.xt_blog_paging { text-align:center;
background-color: #b4b4b4;
padding: 4px;
border-top: 1px solid #dedede;
border-bottom: 1px solid #999;
font-weight : bold; }

.xt_blog_paging a { padding: 2px;
color: #555;
border: 1px dotted #dedede;
text-shadow: 1px 1px 1px #fff; }

.xt_blog_title { background-color: #fff6ef;
padding: 4px;
border-top: 2px solid #fff; }

.xt_blog_subtitle { background-color: #fff6ef;
border-bottom: 1px solid #efae4f;
color: #888;
padding: 4px; }

.xt_blog_content { background-color: #fff6ef;
border-top: 2px solid #fff;
border-bottom: 1px solid #efae4f;
padding: 4px; }

.xt_blog_back_to_posts { text-align:left;
background-color: #b4b4b4;
padding: 4px;
border-top: 1px solid #dedede;
border-bottom: 1px solid #999;
font-weight : bold;
color: #555;
text-shadow: 1px 1px 1px #fff;
display: block; }

.xt_blog_comments { }

.xt_blog_comments_title { background-color: #e7e8e8;
border-top: 1px solid #fff6ef;
border-bottom: 1px solid #d2d3d5;
padding: 4px; color: #888;
text-shadow: 1px 1px 1px #fff;
font-weight : bold;
display: block; }

.xt_blog_comment { background-color: #fff6ef;
border-top: 2px solid #fff;
border-bottom: 1px solid #efae4f;
padding: 4px; }

.xt_blog_comment_date { color: #888; }

.xt_blog_comment_author { font-weight: bold;
float: right; }

.xt_blog_comment_author:before { content: url(http://xtgem.com/images/icons/contact.png) }

.xt_blog_comment_content { clear: both;
padding-right: 4px;
padding-top: 4px;
display: block; }

.xt_blog_write_a_comment_title { background-color: #e7e8e8;
border-top: 1px solid #fff6ef;
border-bottom: 1px solid #d2d3d5;
padding: 4px; color: #888;
text-shadow: 1px 1px 1px #fff;
display: block; }

.xt_blog_write_a_comment { border-bottom: 1px solid #d2d3d5; }

.xt_blog_write_a_comment form { padding: 5px; }

.xt_blog_write_a_comment label { display: block; }

.xt_blog_write_a_comment input[type="text"] { width: 60%; }

.xt_blog_write_a_comment textarea { height: 5em;
width: 98%; }