body {
font-family: sans-serif;
margin: 0 auto;
padding: 0;
font-size: 12px;
color: #333;
background: #e5e5e5;
}
h1 {
font-size: 24px;
}
h2 {
font-size: 20px;
}
h3 {
font-size: 16px;
}
h4 {
font-size: 14px;
}
h5 {
font-size: 13px;
}
h6 {
font-size: 12px;
}
h1,h2,h3,h4,h5,h6,b{
margin: 0;
padding: 0;
font-weight: bold;
}
a {
text-decoration: none;
color: #117AC9;
}
#wrapper{
padding: 7px;
background: #fff;
margin: 0 auto;
max-width: 728px;
}

img {
max-width:100%;
height:auto;
border:0;
}
/* table */
#xt_post_content table [border="1"] th, #xt_post_content table [border="1"] td
{
border:1px
solid;
padding:.2em .5em;
text-align:left;
vertical-align:top;
}

#xt_post_content th{
font-weight:bold;
}

#xt_post_content td, #xt_posy_content th{
vertical-align:top;
text-align:left;
font-size:13px;
padding:3px
5px;
border:1px solid #e5e5e5;
}
#xt_post_content th{
background:#f0f0f0;
}

table {
max-width:100%;
} 
#header {
background: #fafafa;
padding: 8px 0;
margin:  0;
}
#header img {
}
#navigation {
background: #117AC9;
padding: 10px;
margin: 0;
font-weight: bold;
text-align: center;
color: #fff;
}
#navigation a {
color: #fff;
}
#navigation span{
padding: 1px;
margin: 1px;
}
#ads img{
width: 50px;
}
#search {
margin: 0;
padding: 5px;
border: 0px solid #ddd;
border-top: 0;
text-align: center;
}
#top-content {
background-color:transparent;
background-image:url(http://carilagu.xtgem.com/icons/line.png);
background-repeat:repeat-x;
background-position:top center;
margin:0 auto;
padding:5px 0 0;
word-wrap:break-word;
float:none;
width:auto;
max-width:728px;
width:100%;
padding:0 0 0 0;
margin:0 0 0 0;
padding-top:5px !important; 
}
.inp-txt {
padding: 5px;
border: 1px solid #ddd;
margin: 2px;
width: 60%;
color: #777;
}
.inp-btn {
padding: 5px 7px;
border: 1px solid #000;
margin: 2px;
width: 30%;
color: #fff;
background: #333;
font-weight: bold;
}
.clear {
clear: both;
}
 
/* Responsive */
@media screen and (min-width:768px){
#wrapper {width: 728px;}
#search {width: 300px;float:right;} #header {width: 380px;float:left;}
.inp-txt {width: 220px;} .inp-btn {width: 60px;}#navigation{clear:both;}
#bottom-bar {
position: relative;
overflow:hidden;}
#bottom-bar-left,#bottom-bar-center,.bottom-bar-right{width:220px;float:left;margin: 0 9px;} .copyright{float:left;} .powered{float:right}} 
 
 
@media screen and (min-width:640px) and (max-width:767px){
#wrapper {width: 640px;}
#search {width: 250px;float:right;} #header {width: 340px;float:left;}
.inp-txt {width: 170px;} .inp-btn {width: 60px;}#navigation{clear:both;} .copyright{float:left;} .powered{float:right}}

@media screen and (min-width:560px) and (max-width:639px){
#wrapper {width: 568px;}
#search {width: 220px;float:right;} #header {width: 300px;float:left;}
.inp-txt {width: 140px;} .inp-btn {width: 60px;}#navigation{clear:both;} .copyright{float:left;} .powered{float:right}}

@media screen and (min-width:480px) and (max-width:559px) {.copyright{float:left;} .powered{float:right}}
 

@media screen and (max-width:320px){ }
 

@media screen and (max-width:240px){ }
 

///** list entry **///
.xt_blog_post_list {
padding: 7px;
}
.xt_item {
border: 1px solid #ddd;
padding: 7px;
margin: 7px 0;
position: relative;
color: #666;
clear: both;
min-height: 60px;
}
.xt_item h2 {
font-size: 14px;
}
.xt_item .xt_heading {
margin: 2px 0 5px 0;
}
.thumb img {
width: 50px;
height: 50px;
padding: 3px 7px 3px 3px;
}
.xt_heading {
font-weight: bold;
}
.thumb {
float: left;
}
.xt_list_tags a{
color: #666;
}
.description {
display: block;
color: #333;
}
.xt_blog_entry_created, .xt_blog_entry_time, .xt_blog_comments_number {
display: inline-block;
padding: 0 5px 0 0;
}
.xt_blog_entry_created a, .xt_blog_entry_time a, .xt_blog_comments_number a {
color: #666;
}
.breadcrumb {
padding: 7px;
margin: 7px 0;
border: 1px solid #ddd;
}
.xt_showing_tag, .xt_showing_searchbox, .xt_error {
padding: 7px;
margin: 0;
font-weight: bold;
border: 1px solid #ddd;
}
.xt_showing_searchbox {
text-align: center;
}

/* post entry */
#xt_post_content {
border: 1px solid #ddd;
margin: 7px 0;
padding: 7px;
}
#xt_post_content ol li{
list-style: decimal;
margin-left: 20px;
}
#xt_post_content img {max-width:100%;height:auto;
}
 
#xt_post_content img {max-width:90%;
} 

.xt_blog_date, .xt_text_created{
padding: 7px 7px 7px 0;
display: inline-block;
color: #666;
margin: 0;
}
 
.xt_blog_date a, .xt_text_created a{
color:#666;
} 
.xt_blog_date {
padding: 7px;
}
h1.xt_blog_title {
font-size: 18px;
color: #117ac9;
}
.xt_share{
padding: 3px 0px;
}
.xt_share a{
display: inline-block;
}
.xt_social {
padding: 3px 0px;
}
.xt_share .fb {
background: #3b5998;
padding: 3px 7px;
margin: 2px;
color: #fff;
}
.xt_share .tw {
background: #4099ff;
padding: 3px 7px;
margin: 2px;
color: #fff;
}
.xt_share .gp {
background: #c0361a;
padding: 3px 7px;
margin: 2px;
color: #fff;
} 
/* paging */
.xt_pagination {
text-align: center;
padding: 5px 0;
}
.xt_pagination a, .xt_pagination .selected {
padding: 5px 8px;
font-weight: bold;
margin: 2px;
color: #333;
}
.xt_pagination .selected {
border: 1px #aaa solid;
}
.xt_pagination a{
border: #ddd 1px solid;
}

/*** other post ***/

#random-post, .related-post {
border: 1px solid #ddd;
margin: 7px 0;
}

#random-post .xt_item, .related-post .xt_item {
border: 0px;
border-bottom: 1px dotted #ddd;
padding: 7px 0;
margin: 7px;
color: #666;
position: relative;
clear: both;
min-height: 55px;
}

.related-post .xt_item {
min-height: 16px;
padding: 3px;
}

#random-post .thumb {
}
#random-post .thumb img {
width: 50px;
height: 50px;
}
#random-post .xt_item:last-child, .related-post .xt_item:last-child {
border: 0;
}

#random-post .xt_heading {
display: block;
} 

#random-post .xt_heading a {
font-weight: bold;
} 

.related-post .xt_heading{
font-weight: normal;
} 
 
#random-post-title, .related-post-title {
background:#fff url(http://carilagu.xtgem.com/icons/bg.jpg) repeat-x;
margin:7px 7px 12px;
padding:0;
position:relative;
}
#random-post-title h3, .related-post-title h3 {
font:normal bold 14px Arial, sans-serif;
height:23px;
line-height:23px;
margin:0 0;
padding:0 10px;
background:#117AC9;
color:#ffffff;
display:inline-block;
border-right:5px solid #fff;
transition:all 0.25s;-moz-
transition:all 0.25s;-webkit-
transition:all 0.25s;
}

/* list comment */
.xt_blog_comments_title {
text-transform: uppercase;
margin: 7px 0;
}
.xt_blog_comment {
border: 1px #ddd solid;
padding: 7px;
margin: 7px 0;
}
.xt_blog_comment_author {
border-bottom: 1px dotted #ddd;
min-height: 42px;
}
.xt_comment_thumb {
}
.xt_comment_thumb_img {
float: left;
padding: 0 7px 7px 0;
 
}
.xt_comment_author {
display: block;
font-weight: bold;
}
.xt_blog_comment_date {
display: block;
color: #666;
}
.xt_blog_comment_message {
padding: 7px 0;
}
.xt_blog_comment_message p{
margin: 0;
padding: 0;
}

/* comment form */
.xt_blog_write_a_comment {
margin: 7px 0;
}
.xt_blog_write_a_comment_title {
background:#117ac9;
margin:0;
padding: 7px;
position:relative;
color: #fff;
}
.xt_blog_comment_box_form {
border: 1px solid #ddd;
border-top: 0;
margin: 0 0 7px 0;
padding: 7px;
}
.xt_input input, 
#xtblog_comment_msg {
border: 1px solid #ddd;
padding: 5px;
margin: 2px;
width: 85%;
}
.xt_button {
background: #117ac9;
padding: 5px;
margin: 2px;
font-weight: bold;
color: #fff;
border: 1px solid #117ac9;
}
.xt_label {
color: #666;
padding: 2px;
}

/* bottom bar */
#bottom-bar {
margin: 0;
padding: 7px;
background: #333;
color: #ddd;
border-top: 3px solid #117ac9;
}
#bottom-bar a {
color: #ddd;
}
#bottom-bar-left,
#bottom-bar-center,
.bottom-bar-right {
margin-bottom: 7px;
}
#bottom-bar-left ul li,
.bottom-bar-right ul li{
padding: 7px 2px;
border-bottom: 1px dotted #666;
}
#bottom-bar-center ul li {
padding: 7px 1px 7px 0;
display: inline-block;
margin: 1px 3px 1px 0;
}
#bottom-bar-left ul li:last-child,
.bottom-bar-right ul li:last-child,
#bottom-bar-center ul li:last-child {
border: 0;
}
 
.navigation-menu, .contact, .blogroll, .tag_category h3 {
padding: 7px 2px;
border-bottom: 2px solid #666;
text-transform: uppercase;
}
.navigation-menu h3{
}
.tag_category ul li {
display: inline-block;
background: #222;
color: #fff;
font-weight: bold;
padding: 0;
margin: 1px 1px 1px 0;
border: 0;
border-bottom: 0px solid #ccc;
}
.tag_category ul li a{
background: #0085cc;
color: #fff!important;
padding: 7px;
margin:0;
}
/* footer */
#footer {
background: #222;
color: #eee;
padding: 10px;
text-align: center;
margin: 0;
position:relative;
overflow: hidden;
}
#footer a {
color: #eee;
}
.powered, .copyright. .conter {
display: block;
padding: 5px;
}
.conter {
font-size: 12px!important;
}
.xt_blog_content a {
color: #117AC9!important;
word-wrap: break-word!important;
}