/* page */
*

.xt_container
{
background: #Fff;
max-width: 400px;
padding: 0px;
margin: 1px auto
}
/* CONTAINERS */
.xt_blog_parent
{
background: #000;
padding: 0px;
margin: 2px;
}
.xt_blog
{
background: #222;
padding: 0px;
margin: 0px;
}
.xt_blog_parent .xt_container
{
background: #abc !important;
padding: 0px !important;
margin: 2px  !important;
}
/* POSTS LIST*/
.xt_list
{
background: #fff;
padding: 2px;
margin: 2px;
}
.xt_blog_post_list
{
background: #555;
padding: 2px;
margin: 2px;
}
.xt_item
{
background: #eee;
padding:2px ;
margin: 2px;
}
/* POST LINK */
.xt_blog_title_link, #post a
{
background: #eee;
text-decoration: none;
display:block;
text-align:left;
padding: 2px 0;
margin: 1px;
}
#post a:nth-child(even)
{
background: #aaa;
text-decoration: none;
display:block;
text-align:left;
padding: 2px 0;
margin: 1px;
}
.xt_blog_title_link:visited
{
background:#caa;
}
.xt_blog_title_link:hover
{
background:#aca;
}
.xt_blog_title_link:active
{
background:#aac;
}
/* POST LINK TITLE*/
.xt_blog_title_link .xt_heading
{
background: url("blogs.png") no-repeat left;
padding-left: 1em;
}
/* POST COMMENT COUNT*/
.xt_blog_comments_number
{ float: right;}
.xt_blog_comments_number
{
background:  url("comments.png") no-repeat left;
color:#777;
padding-left: 1em;
}
/* POST MARKER*/
.xt_blog_title_link .arrow
{
display:inline-block;
background: url("") no-repeat;
width:1em;
height: 1em;
}
/* VISITED MARKER IMAGE ONLY WORKS ON OPERA BROWSERS */
.xt_blog_title_link:visited .arrow
{
background: url("bullet_orange.png") no-repeat;
}

.xt_blog_title_link:hover .arrow
{
background: url("bullet_red.png") no-repeat;
}
.xt_blog_title_link:active .arrow
{
background: url("bullet_yellow.png") no-repeat;
}
/* POST DESCRIPTION */
.xt_description
{
background: #ddd;
display:block;
padding: 2px;
margin: 1px;
}
/* SEARCH FORM CONTAINER (xt_container + xt_blog +xt_blog_search)*/
.xt_blog_search
{
background: #999 !important;
padding: 2px !important;
margin: 1px !important;
}
/* SEARCH FORM */
.xt_blog_search_form
{
background: #aaa;
padding: 2px;
margin: 1px;
}
/* SEARCH INPUT SPAN */
.xt_blog_search_form .xt_input
{
background:url("magnifier.png") no-repeat left #bbb;
padding: 1px 3px 1px 1em;
margin: 1px;
}
/* SEARCH INPUT */
.xt_blog_search_form .xt_input input[type="text"]
{
background: #ccc;
width: 10em;
padding: 0;
border:none
}
/* SEARCH SUBMIT SPAN */
.xt_blog_search_form .xt_submit
{
background: #ddd;
padding: 1px 3px;
margin: 1px;
}
/* SEARCH SUBMIT BUTTON */
.xt_blog_search_form .xt_submit .xt_button
{
background: #eee;
padding: 0;
border:none
}
/* BLOG POST TAGS */
.xt_tags
{
background: #bbb;
padding: 2px;
margin: 1px;
}
.xt_tags:before
{
content: url("three_tags.png");
}
.xt_tags a
{
background: #eee;
padding: 0 2px;
}
/* BLOG POST */
.xt_blog_title
{
background: #ccc;
padding: 2px;
margin: 1px;
}
.xt_blog_subtitle
{
background: #ddd;
padding: 2px;
margin: 1px;
}
.xt_blog_content
{
background: #eee;
padding: 2px;
margin: 1px;
}
/* POST TIME STAMP */
.xt_blog_entry_date
{ 
text-align:center;
font-size:.75em;
font-weight:900;
}
/* BACK TO POSTS */
.xt_blog_back_to_posts
{
background:#bbb;
text-decoration: none;
margin: 1px 0 3px 2px;
padding:0 1px;
}
.xt_blog_back_to_posts:before
{
content: url("blogs.png");
padding:0 1px 0 0;
}
/* COMMENTS */
.xt_blog_comments
{
text-align:center;
background: #aaa;
padding: 2px;
margin:  1px;
}
.xt_blog_comments_title
{

}
.xt_blog_comments_title:before
{
content:url("comments.png") 
}
.xt_blog_comment
{
text-align:left;
background: #ccc;
padding: 2px;
margin: 1px;
}
.xt_blog_comment_date
{
background: #ddd;
}
.xt_blog_comment_date:before
{
content: url("calendar.png");
padding:0 2px;
}
.xt_blog_comment_author
{
background: #eee;
}
.xt_blog_comment_author:before
{
content: url("user.png");
padding:0 2px;
}
.xt_blog_comment_content
{
display:block;
background: #fff;
padding:1px ;
margin: 2px 0;
}
.xt_blog_comment_content:before
{
padding:0 2px;
}
/* COMMENT FORM */
.xt_blog_write_a_comment
{
background: #777;
padding: 2px;
margin: 2px ;
}
.xt_blog_write_a_comment_title
{
display: block;
text-align:center;
background: #fff;
padding: 1px;
margin: 1px;
}

.xt_blog_write_a_comment .xt_label
{
background: #eee;
padding: 2px;
margin: 1px;
}
.xt_blog_write_a_comment .xt_label label
{
background: #888;
}
.xt_blog_write_a_comment .xt_input
{
background: #ddd;
padding: 2px;
margin: 1px;
}
.xt_blog_write_a_comment .xt_input input[type="text"]
{
background: #999;
color:#fff;
border: none;
width: 80%;
max-width:15em;
padding: 1px;
}
.xt_blog_write_a_comment .xt_textarea
{
text-align:center;
background: #fff;
padding: 2px;
margin: 1px;
}
.xt_blog_write_a_comment .xt_textarea textarea
{
background: #aaa;
border: none;
width: 99%;
min-height: 5em;
padding: 0;
}
.xt_blog_write_a_comment .xt_submit
{
background: #bbb;
padding: 2px;
margin: 1px;
}
.xt_blog_write_a_comment .xt_submit .xt_button
{
background: #fff;
border: none;
padding: 1px;
}
/* PAGINATION */
.xt_blog_paging a:nth-child(odd) {
display: inline-block;
background: #fff;
margin: 1px;
padding: 4px 6px 4px 6px;
color: #222;
text-decoration: none;
border: #ccc solid 1px;
}

.xt_blog_paging a:nth-child(even) {
display: inline-block;
background: #eee;
margin: 1px;
padding: 4px 6px 4px 6px;
color: #222;
text-decoration: none;
border: #ccc solid 1px;
}

.xt_blog_paging a:hover {
text-decoration: none;
}

.xt_pagination, .xt_blog_paging
{
background: #aaa;
padding: 2px;
margin:2px;
text-align:center
}
.xt_pagination:before, .xt_blog_paging:before
{
content: url("page_white_stack.png");
padding:0 2px;
}
.xt_pagination a 
{
background: #bbb;
text-decoration: none;
margin:1px;
}
.xt_pagination a span 
{
color: #040;
}
.xt_pagination .selected 
{
background: #ddd;
margin:1px;
}
.xt_pagination .selected span 
{
color: #400;
}