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: 10px;
background: #fff;
margin: 0 auto;
overflow: hidden;
position: relative;
width: 800px;
}

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_post_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 {
max-width: 100%;
}
nav {
text-transform:uppercase;
position:relative;
font-weight:bold;
}
nav * {
margin:0 0 0 0;
padding:0 0 0 0;
list-style:none;
}
nav ul {
height:40px;
background: #222;
}
nav li {
float:left;
display:inline;
}
nav li a {
padding: 0 15px;
line-height:40px;
color:#fff!important;
display:block;
text-decoration:none;
}
nav li a:hover {
background:rgba(0,0,0,0.1)!important;
}
nav li a:active {
background:#333;
}
nav li ul {
display:block;
width:170px;
position:absolute;
left:auto;
z-index:10;
visibility:hidden;
opacity:0;
height:auto;
-webkit-transition:all 0.26s ease-out
0.2s;
-moz-transition:all 0.26s ease-out
0.2s;
-ms-transition:all 0.26s ease-out
0.2s;
-o-transition:all 0.26s ease-out 0.2s;
transition:all 0.26s ease-out 0.2s;
}
nav li li {
display:block;
float:none;
width:100%;
}
nav li:hover > ul {
visibility:visible;
width:200px;
opacity:1;
}
nav li li ul {
left:200px;
margin-top: -40px;
}
nav li.sub > a {
position:relative;
padding-right:30px;
}
nav li.sub > a:after {
content:"";
width:0px;
height:0px;
border-width:4px;
border-style:solid;
border-color:#eee transparent transparent transparent;
position:absolute;
top:20px;
right:10px;
}
nav li.sub li.sub > a:after {
content:"";
width:0px;
height:0px;
border-width:4px;
border-style:solid;
border-color:transparent transparent transparent #eee;
position:absolute;
top:16px;
right:10px;
}
 
nav #search{
position:relative;
float:right;
margin:5px 10px 5px 10px;
}
nav li.search{
float:right;
line-height:normal;
}
nav #search .input-text{
float:left;
height:30px;
line-height:30px;
border:0 none;
font-size:12px;
font-weight:500;
width:120px;
padding:0 10px;
}
nav #search input#search-button{
height:30px;
line-height:30px;
background:#e73138;
border:none;
float:right;
padding:0 10px;
cursor:pointer;
color:#fff;
font-weight: bold;
}
nav #search input #search-button:hover{
background:#e73138;
}
nav #search input[type="text"]:focus
{
background-color:#fff;
text-shadow:none !important;
outline:none;color:#555;
} 
#ads img{
width: 50px;
}
#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;
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%;
}
.inp-btn {
padding: 5px 7px;
border: 1px solid #000;
margin: 2px;
width: 30%;
color: #fff;
background: #333;
font-weight: bold;
}
.clear {
clear: both;
}

/* Body */
#content-wrapper {
float: left;
width: 500px;
padding: 10px;
margin: 0;
}
#sidebar {
float: right;
width: 260px;
padding: 10px;
margin: 0;
}
@media screen and (min-width:980px){
#wrapper {width: 980px;} #content-wrapper {width:590px;} #sidebar {width:350px;} #bottom-bar-left,
#bottom-bar-center, .bottom-bar-right {width:305px}
}
@media screen and (max-width:979px){
#wrapper {width: 800px;} #content-wrapper {width:500px;} #sidebar {width:260px;} #bottom-bar-left,
#bottom-bar-center, .bottom-bar-right{width:248px}
} 
///** list entry **///
.xt_blog_post_list {
padding: 10px;
}
.xt_item {
border: 1px solid #ddd;
padding: 10px;
margin: 7px 0;
position: relative;
color: #666;
clear: both;
min-height: 130px;
}
.xt_item h2 {
font-size: 18px;
margin: 5px 0 7px 0;
}
.thumb img {
width: 150px;
height: 120px;
padding: 3px 10px 3px 3px;
}
.xt_heading {
font-weight: bold;
}
.thumb {
float: left;
}
.description {
display: block;
color: #333;
margin: 7px 0;
}
.xt_blog_info {
margin: 7px 0;
}
.xt_blog_entry_created, .xt_blog_entry_time, .xt_blog_comments_number {
display: inline-block;
padding: 0 5px 0 0;
margin: 0;
}
.xt_blog_entry_created a, .xt_blog_entry_time a, .xt_blog_comments_number a, .xt_list_tags a{
color: #666;
}
.breadcrumb {
padding: 10px;
margin: 7px 0;
border: 1px solid #ddd;
}
.xt_showing_tag, .xt_showing_searchbox, .xt_error {
padding: 10px;
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: 10px;
}
#xt_post_content img {max-width:100%;height:auto;
}
 
#xt_post_content ol li{
list-style: decimal;
margin-left: 20px;
}
 
#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: 20px;
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: 7px 0;
}
.xt_pagination a, .xt_pagination .selected {
padding: 7px 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 {
border: 0px solid #ddd;
margin: 7px 0;
}

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

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

#random-post .thumb {
}
#random-post .thumb img {
width: 60px;
height: 60px;
padding-right: 5px;
}
#random-post .xt_heading {
display: block;
margin-bottom: 5px;
margin-top: 2px;
} 

#random-post .xt_heading a {
font-weight: bold;
}
 
#random-post-title {
border-bottom: 3px solid #333;
margin: 0 0 7px 0;
padding: 2px;
position:relative;
text-transform: uppercase;
}

#random-post-title h3  {
font:normal bold 14px Arial, sans-serif;
font-size: 14px;
margin:0 0;
padding:0;
display:inline-block;
transition:all 0.25s;-moz-
transition:all 0.25s;-webkit-
transition:all 0.25s;
}
#category h3 {
border-bottom: 3px solid #333;
margin: 0 0 7px 0;
font-size: 14px;
padding: 2px;
text-transform: uppercase;
}
#category span a {
display: inline-block;
padding: 7px 10px;
margin: 1px;
background: #0085cc;
color: #fff;
}
/* list comment */
.xt_blog_comments_title {
text-transform: uppercase;
margin: 7px 0;
}
.xt_blog_comment {
padding: 1px;
margin: 7px 0;
position: relative;
clear: both;
}
.xt_blog_comment_author {
border: 1px solid #ddd;
border-bottom: 1px dotted #ddd;
margin-left: 47px;
padding: 7px;
border-left: 4px solid #ddd;
}
.xt_comment_author:after {
background:none;
position:absolute;
left: 32px;
top: 10px;
content:'';
height:0;
width:0;
display:block;
border-color:transparent #ddd transparent transparent;
border-style:solid;
border-width:8px;
margin:0 auto;
padding:0;
} 
.xt_comment_thumb {
}
.xt_comment_thumb_img {
padding: 1px;
position: absolute;
top: 1px;
left: 0px;
border: 1px solid #ddd;
}
.xt_comment_author {
display: inline-block;
font-weight: bold;
}
.xt_blog_comment_date {
display: inline-block;
color: #666;
}
.xt_blog_comment_message {
padding: 7px;
margin-left: 47px;
border:1px solid #ddd;
border-top: 0;
border-left: 4px solid #ddd;
}
.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: 10px;
position:relative;
color: #fff;
}
.xt_blog_comment_box_form {
border: 1px solid #ddd;
border-top: 0;
margin: 0 0 7px 0;
padding: 10px;
}
.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: #eee;
position: relative;
text-align: center;
overflow: hidden;
}
#bottom-bar a {
color: #eee;
}

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